Допустим ли пустой href?
Один из наших веб-разработчиков использует следующий HTML-код в качестве заполнителя для стилизации выпадающего списка.
<a href="" class="arrow"></a>
Является ли этот тег привязкой действительным?
Поскольку значение href отсутствует, оно отображается как неработающее в некоторых наших отчетах о проверке ссылок.
10 ответов
Хотя на этот вопрос уже дан ответ (tl; dr: да, пустой href значение является действительным), ни один из существующих ответов не ссылается на соответствующие спецификации.
Пустая строка не может быть URI. Тем не менее href Атрибут принимает в качестве значения не только URI, но и ссылки на URI. Пустая строка может быть ссылкой на URI.
HTML 4.01
HTML 4.01 использует RFC 2396, где говорится в разделе 4.2. Ссылки на тот же документ (жирный шрифт):
Ссылка на URI, которая не содержит URI, является ссылкой на текущий документ. Другими словами, пустая ссылка URI в документе интерпретируется как ссылка на начало этого документа, а ссылка, содержащая только идентификатор фрагмента, является ссылкой на идентифицированный фрагмент этого документа.
RFC 2396 устарел в RFC 3986 (который в настоящее время является стандартом URI IETF), что по сути говорит то же самое.
HTML5
HTML5 использует ( действительный URL-адрес, возможно, окруженный пробелами → действительный URL-адрес) спецификации URL- адреса W3C, которая была прекращена. Вместо этого следует использовать стандарт URL-адреса WHATWG (см. Последний раздел).
HTML 5.1
HTML 5.1 использует ( действительный URL-адрес, возможно, окруженный пробелами → действительный URL-адрес) стандарта URL WHATWG (см. Следующий раздел).
WHATWG HTML
HTML-код WHATWG использует ( действительный URL-адрес, возможно, окруженный пробелами) определение допустимой строки URL-адреса из стандарта URL-адреса WHATWG, где говорится, что это может быть строка относительного URL-адреса с фрагментом, которая должна быть по крайней мере строкой относительного URL-адреса, которая может быть строкой путь-относительная схема-меньше-URL, которая является строкой путь-относительный-URL, которая не начинается со строки схемы, за которой следует : и его определение гласит (жирный шрифт мой):
Строка относительного-пути-URL-адреса должна содержать ноль или более строк сегмента-пути-URL, отделенных друг от друга U+002F (/), и не должна начинаться с U+002F (/).
Это действительно.
Тем не менее, стандартная практика заключается в использовании href="#" или иногда href="javascript:;",
Как уже говорили другие, это действительно.
Однако у каждого подхода есть свои недостатки:
href="#" добавляет дополнительную запись в историю браузера (что раздражает, например, при нажатии на кнопку).
href="" перезагружает страницу
href="javascript:;" Кажется, нет никаких проблем (кроме как выглядеть беспорядочно и бессмысленно) - кто-нибудь знает какие-либо?
Хотя HTML может быть полностью допустимым, если он не содержит href, особенно с обработчиком onclick, есть некоторые вещи, на которые следует обратить внимание: он не будет ориентирован на клавиатуру без установленного значения tabindex. Кроме того, это будет недоступно программному обеспечению для чтения с экрана, использующему Internet Explorer, так как IE сообщит через интерфейсы доступности, что любой элемент привязки без атрибута href не может быть сфокусирован, независимо от того, был ли установлен tabindex.
Таким образом, пока следующее может быть полностью действительным:
<a class="arrow">Link content</a>
Гораздо лучше явно добавить атрибут href с нулевым эффектом
<a href="javascript:void(0);" class="arrow">Link content</a>
Для полной поддержки всех пользователей, если вы используете класс с CSS для визуализации изображения, вы должны также включить некоторый текстовый контент, например атрибут title, чтобы предоставить текстовое описание того, что происходит.
<a href="javascript:void(0);" class="arrow" title="Go to linked content">Link content</a>
Текущий проект HTML5 также позволяет полностью пропустить атрибут href.
Если элемент a не имеет атрибута href, то этот элемент представляет собой заполнитель для того места, где в противном случае могла бы быть размещена ссылка, если бы она была релевантной.
Чтобы ответить на ваш вопрос: да, это действительно.
В самом деле, вы можете оставить его пустым (валидатор W3 не жалуется).
Идем к идее на шаг впереди: опускаем ="". Преимущество этого заключается в том, что ссылка не рассматривается как привязка к текущей странице.
<a href>sth</a>
Пока валидатор W3 не может жаловаться на пустое href атрибут, текущий рабочий проект HTML5 определяет:
hrefатрибут наaа такжеareaэлементы должны иметь значение, которое является допустимым URL-адресом, потенциально окруженным пробелами.
Действительный URL-адрес - это URL-адрес, соответствующий стандарту URL-адресов. Теперь стандарт URL немного сбивает с толку, но он нигде не утверждает, что URL может быть пустой строкой.
... что означает, что пустая строка не является допустимым URL.
Однако в рабочем проекте HTML5 говорится:
Примечание:
hrefатрибут наaа такжеareaэлементы не требуются; когда эти элементы не имеютhrefатрибуты они не создают гиперссылки.
Это означает, что мы можем просто опустить href атрибут вообще:
<a class="arrow"></a>
Слово предостережения:
По моему опыту, опуская href Атрибут вызывает проблемы с доступностью, поскольку навигация с помощью клавиатуры будет игнорировать его и никогда не выделять его, как при наличии href. Ручное включение вашего элемента в tabindex - способ обойти это.
Это действительно так, но, как сказал UpTheCreek, "у каждого подхода есть свои недостатки"
если вы вызываете ajax с помощью тега, оставьте href="", так как это сохранит перезагрузку страницы, и код ajax никогда не будет вызываться...
только что получил эту мысль было бы хорошо поделиться
Стараться сделать <a href="#" class="arrow"> вместо. (Обратите внимание на острый # персонаж).