Любое преимущество <a href="javascript:void(0);"> над <span>текст ссылки </span>

Question

У меня есть некоторые элементы HTML DOM, для которых мне нужно регистрировать события нажатия, такие как виджет выпадающего меню и т. Д. Я думаю, мы можем реализовать двумя способами:

<a href="javascript:void(0);" id="option1">My text</a>

или другой способ:

<span id="option2">My text 2</span>

Во втором варианте, конечно, я могу добавить курсор свойства CSS: указатель.

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

Как вы думаете, есть ли причина, по которой мы бы использовали метод привязки тега?

Второй вариант выглядит более чистым. Кроме того, IE имеет поведение по умолчанию для событий щелчка тега привязки, которые могут иметь нежелательные последствия и т. Д.

Answer 1

Некоторые преимущества тега привязки:

• Вы можете предоставить поведение по умолчанию для пользователей, у которых не включен JavaScript (если вам это нужно).
• Вкладка на клавиатуре по умолчанию устанавливает фокус на теги привязки.
• вы получаете стили по умолчанию, которые могут быть желательны для тегов привязки.

Answer 2

Зависит от того, что вам нужно / хотите. Преимущество использования ссылок заключается в том, что они будут отображаться в виде ссылок (другой цвет, другой курсор мыши, возможность поиска только ссылок, возможно, проблемы доступности и т. Д.)

Использование пролётов не делает этого, но имеет другие преимущества, такие как отсутствие другого цвета, если вы активировали или уже посетили ссылку.

То, что сказано, что ИМХО нет никакой реальной выгоды в выборе того или иного метода, вероятно, зависит от того, должен ли текст отображаться / вести себя как ссылка или нет.

Answer 3

Для того, чтобы span выглядел как якорь, вы должны установить цвета (стандартные и при наведении. И для него нет возможности установить Visited), подчеркивание и курсор: указатель. Все еще думаете, что он чище?