Ипользование <div/> вместо <a/> для псевдоссылок?

Question

[bogi]

Разработчики часто используют тэги <a/> для создания псевдоссылок (элементы для вызова выпадающих список, всплывающих окон и блоков, прочих интерактивных элементов).


В атрибуте href при этом может находится:

• адрес страницы либо хэш, который позволит пользователю без javascript взимодействовать со страницей
  
• вызов javascript функции
  
• # либо javascript:void()
  

Вопрос в том — почему именно <a/>, а не <div/> со свойством cursor: pointer;.


Возможно есть какие либо причины, кроме заботы о поисковиках и пользователях с отключенным javascript?

Answer 1

[Виктор Виктор]

Думаю дело в псевдоклассе :hover
В браузере Internet Explorer до версии 6.0 включительно псевдокласс :hover работает только для ссылок.

Comments

[bogi]

Скорее всего отсюда ноги растут.

Answer 2

[Urvin]

А почему div, а не span?

Answer 3

[Сергей Протько]

Думаю что смысл таится в семантике.

Comments

[Makito]

Как раз таки семантичнее здесь использовать не ссылку, ведь ссылка сама по себе должна именно «ссылаться» на какой то документ, либо страницу. Лично я для таких целей всегда использую нейтральные стилизованные элементы типа спана.

[Сергей Протько]

А почему не button?

[Wuron]

Ссылка как раз очень семантична, так как она не обязательно должна ссылаться на документ, либо страницу. Она может ссылаться на какую-то часть (параграф) документа.
А вообще все зависит от ситуации: можно и div, и span, и button.

Answer 4

[Amikko]

почему именно <a/>

Тег a может принимать фокус ввода, на ссылку можно перейти по табу без использования мыши.

Comments

[akral]

Откройте секреты tabindex!

[creage]

Оттуда же

The following elements support the tabindex attribute: A, AREA, BUTTON, INPUT, OBJECT, SELECT, and TEXTAREA.

Answer 5

[evnuh]

А куда тогда тыкать поисковым роботам?

Comments

[evnuh]

Это я про блоки, которые загружаются аяксом, например.

Answer 6

[egorinsk]

Среди разработчиков 95%, а то и больше, людей без высшего образования в области CS и веб-разработки, это школьники, прочитавшие «jQuery за 5 уроков» и побежавшие делать сайты. Естественно, вещей вроде W3C HTML Standart эта школота в глаза не видела, да и зачем, им и без этого неплохо платят.

Потому и лепят, убогие, как бог на душу положит.

Естественно, ставить все эти конструкции в href нельзя, и надо использовать span либо button для псевдоссылок. Логичнее button, так как псевдоссылка —это кнопка, но многие верстальщики (опять же, в глаза CSS Standart не видевшие) не в силах заверстать button, потому можно и span'ом сделать.

Answer 7

[skorney]

Если место важное, то даже с отключенным js нужно чтобы пользователь все-таки увидел содержимое (перешел по ссылке)