Портфолио

Главная » Блог » Все для WEB Мастера » Пустые ссылки - варианты использования

  • Css Template Preview
  • Css Template Preview
  • Css Template Preview
  • Css Template Preview
  • Css Template Preview

Пустые ссылки и их использование

Это самое распрастраненное правило - обозначать пустой линк символом "#"

<a href="#" > Ссылка </a>

Пример: Ссылка

Этот вариант использует javascript и при нажатии действий никаких не происходит

<a href="javascript:void(0)">Ссылка</a>

Пример:Ссылка

Вариант пустого линка с переходом на верх страницы

<a href="#" onClick="scroll(0,0); return false" title="наверх">вверх страницы</a>

Пример:вверх страницы

Здесь был использован метод window.scroll(x,y), который позволяет промотать страницу на указанное количество пискелов по горизонтали (x) и вертикали (y). Если мы обнулим эти два параметра, то будет восстановлен статус кво — страница проскролится в начало.

Или так <a href="#top">Наверх</a>

Как отследить битые и пустые ссылки в CSS 3.0

Сразу оговорюсь, по универсальности и информативности данный метод абсолютно проигрывает софту и скриптам, более того, предназначен для визуального определения не "битых" , а "пустых" ссылок, но в этом и его преимущество, большинство пргорамм не покажут Вам пустых ссылок посчитав их якорями и т.п

Мы стоим на заре повсеместного введения в обиход отличной вещи - CSS 3.0, среди огромного количества полезных свойств третьей версии рассмотрим - :not([href])

В коде Вашей страницы ссылки обычно имеют подобный вид:

<a href="" title="Ваша ссылка"> Ваша ссылка </a> Ваш текст  

<a href="" title="Ваша ссылка"> Ваша ссылка </a> Ваш текст  

В CSS файл добавим правило

/* Найти все ссылки в которых забыли или потеряли значение href  */   

html body a:not([href]), html body a[href='']  { backgroundred !important;}   

/* Найти все ссылки в которых прописали заглушку #  */ 

html body a[href='#']  { backgroundblue !important;} 


Оставить свой комментарий

  • Поля обязательны для заполнения *.

If you have trouble reading the code, click on the code itself to generate a new random code.
 
 
viagra head office in toronto canada snopes viagra supreme court of canada kamagra brausetabletten kaufen propecia finasteride kopen where can i buy kamagra in ireland diflucan doug kaufmann