Тег a, без href это нормально или нет?

1 234
Y8
На сайте с 14.12.2016
Offline
74
#31
webinfo #:

Неправильно делать не надо, с этим вообще никто не спорит. Но то, что это неправильно в данном случае - твоё личное мнение, которое не обязательно является верным.

Здесь ты немного ошибся, все наоборот. То что это правильно, в данном случае твое личное мнение и мнение тех кому так просто хочется.

Доступность, на которую в том числе указывает page speed никто не отменял. То что ты умнее сотрудников гугла и людей которые создают спецификации доказывай делом а не пустыми словами. Делать неправильно никто не запрещает, никакого влияния на ранжирование этот элемент не несет, но не надо пытаться выдавать желаемое за действительность.

softerra
На сайте с 02.10.2023
Offline
114
#32
Тэг <a без href
Похоже у нас пошла деменция ..
Завтра будет сайт без сайта ..
W1
На сайте с 22.01.2021
Offline
306
#33
yago85 #:
То что ты умнее сотрудников гугла и людей которые создают спецификации доказывай делом а не пустыми словами.

Давай-ка ты не будешь выпендриваться и переходить на личности.

Вот тебе ссылка на стандарт: https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-a-element

И вот код из этого документа, который практически соответствует случаю ТС, если, конечно, ты в этом хоть что-то понимаешь:

<nav>
<ul>
  <li> <a href="/">Home</a> </li>
  <li> <a href="/news">News</a> </li>
  <li> <a>Examples</a> </li>
  <li> <a href="/legal">Legal</a> </li>
</ul>
</nav>

И давай до свидания. Будет сказать что-то обоснованное, чтобы опровергнуть рекомендации составителей стандарта - пиши, только без собственных фантазий и переходов на личности.

Мой форум - https://webinfo.guru –Там я всегда на связи
Y8
На сайте с 14.12.2016
Offline
74
#34
webinfo #:

Вот тебе ссылка на стандарт: https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-a-element

И вот код из этого документа, который практически соответствует случаю ТС, если, конечно, ты в этом хоть что-то понимаешь:

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

Далее о причинах почему так не надо делать. 

MDN проблемы с поведением <a> без href

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#onclick_events


Anchor elements are often abused as fake buttons by setting their href to # or javascript:void(0) to prevent the page from refreshing, then listening for their click events .

These bogus href values cause unexpected behavior when copying/dragging links, opening links in a new tab/window, bookmarking, or when JavaScript is loading, errors, or is disabled. They also convey incorrect semantics to assistive technologies, like screen readers.

Use a <button> instead. In general, you should only use a hyperlink for navigation to a real URL.



Доступность WCAG 2.0
https://www.a11yproject.com/checklist/#use-the-a-element-for-links


Links should always have a href attribute, even when used in Single Page Applications (SPAs). Without a href attribute, the link will not be properly exposed to assistive technology. An example of this would be a link that uses an onclick event, in place of a href attribute.


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

webinfo #:

Давай-ка ты не будешь выпендриваться и переходить на личности.

И давай до свидания. Будет сказать что-то обоснованное, чтобы опровергнуть рекомендации составителей стандарта - пиши, только без собственных фантазий и переходов на личности.

После твоего предыдущего сообщения, я подумал мы с тобой хорошо знакомы и позволил себе перейти еще ближе, видимо ошибся.

W1
На сайте с 22.01.2021
Offline
306
#35
yago85 #:

MDN проблемы с поведением <a> без href

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#onclick_events

Ну вот так уж нагло и откровенно обманывать не надо. Всё же на виду. Думаешь, тут никто не знает английского? То, что  ты написал, вообще не про это, и  твой жирный заголовок притянут тобой за уши.

Потрудись отвечать по делу и попробуй без вранья.

Есть стандарт HTML, и приведённый пример идеально соответствует практике применения <a> без href.  И не пиши, пожалуйста, про какие-то выдуманные тобой лиды, кейсы, проблемы с доступностью, и прочую беллетристику, которая к рассматриваемому случаю не имеет никакого отношения.

yago85 #:

Доступность WCAG 2.0
https://www.a11yproject.com/checklist/#use-the-a-element-for-links

Links should always have a href attribute, even when used in Single Page Applications (SPAs). Without a href attribute, the link will not be properly exposed to assistive technology. An example of this would be a link that uses an onclick event, in place of a href attribute

Попробуй понять, про что там написано. Намекаю: про ссылки. Осмысли последнее предложение из приведённой цитаты, оно тебе поможет.

Можешь не благодарить за бесплатную консультацию.

Y8
На сайте с 14.12.2016
Offline
74
#36
webinfo #:

Ну вот так уж нагло и откровенно обманывать не надо. Всё же на виду. Думаешь, тут никто не знает английского? То, что  ты написал, вообще не про это, и  твой жирный заголовок притянут тобой за уши.

Все же тебе стоит еще раз перечитать то что там написано и переосмыслить.

webinfo #:

Можешь не благодарить за бесплатную консультацию.

Это рубрика вредных советов, а не консультация.

Dmitriy_2014
На сайте с 01.07.2014
Offline
370
#37

Вот как Google хочет видеть мою кнопку в виде ссылки без href, по его методологии создания навигационного меню:

<template id="burger-template">

  <button type="button" aria-expanded="false" aria-label="Menu" aria-controls="mainnav">

    <svg width="24" height="24" aria-hidden="true">

      <path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z">

    </svg>

  </button>

</template>

 https://web.dev/articles/website-navigation?hl=ru

И на мой взгляд, эта жижа ещё хуже, чем тег a который можно заменить на span, это вообще жесть (Естественно я не буду так делать, т.к. это для совсем упоротых).

Главное, как они пишут, чтобы кнопка не вызывала, цитата:

Поскольку анимация может вызвать у некоторых пользователей тошноту, головокружение и головные боли.
Создание основной навигации для сайта  |  Articles  |  web.dev
  • web.dev
В этом руководстве описывается, как создать доступную основную навигацию веб-сайта. Вы узнаете о семантическом HTML, доступности и о том, как использование атрибутов ARIA иногда может принести больше вреда, чем пользы. Существует множество различных способов построения основной навигации веб-сайта с точки зрения стиля, функциональности, а также...
1 234

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий