Где незаменим элемент ссылка?

Question

[tundramani]

Вопрос еретический — где невозможно обойтись без этого тега?

Сделал несколько больших любительских проектов вообще без использования ссылок.
И теперь думаю - а можно ли вообще выбросить этот тег?
Или он таки может быть полезен.

Вот допустим есть кнопка в виде div
На нее назначен обработчик события клика, который например открывает новую вкладку
Всё работает - могу например так файлы скачивать с сайта, открывать окна...
Вроде бы нет никакой необходимости в теге <a>

Я понимаю смысл ссылки когда нет жаваскрипта — когда есть только html с оформлением

Про семантику для поисковиков — специально для поисковиков делаю заголовок и описание и теги страницы - мне этого достаточно
И нет задачи делать сайты для слепых, точнее говоря - могу добавить к диву role и aria-label

Может ли role и aria-label на диве заменить использование тега <a>?

Answer 1

[sim3x]

Людоедский интерфейс, Вадим Макеев
https://www.youtube.com/watch?v=ssJsjGZE2sc

Семантика для циников, Вадим Макеев
https://www.youtube.com/watch?v=W5DgVWtitjQ

Comments

[tundramani]

посмотрел для циников

но не до конца понятно - может ли role и aria-label на диве заменить использование тега <a>?

[sim3x]

программист, научтесь использовать тег code в редакторе тостера

Ничто не может заменить тег <a>

Answer 2

[Alams Stoyne]

1) тег < a > по умолчанию имеет
cursor: pointer
:hover эффект + всплывающий текст при наведении из title
обработка свойства target="_blank" (например в новом окне target="_blank")
2) Поисковые роботы - то что вам достаточно заголовков это круто но: робот "ходит" по внутренним ссылкам и происходит формирование карты сайта и "веса" страниц для результатов поиска.
3) Все держится на JS одна случайная ошибка и крах всей системы - не надо так =)

*) На опыте работы было что в Safari на iPhone бывают глюки с кнопками сделанные в виде div.

Comments

[tundramani]

да, эти аргументы я тоже обдумал

но в моем любительском фреймворке для всех элементов cursor: pointer
потому что мобайл-фирст - первым делом я думаю о сенсорных экранах - как будет на них смотреться - и пишу код один для десктопа и мобайла

на сенсорном экране нет курсора - поэтому не использую и ":hover эффект"

если бы нужны были эти две возможности то да - я бы использовал ссылки

Answer 3

[Талян]

назначая диву онклик вы делаете ту же ссылку - изобретаете вже готовый велосипед.

Comments

[tundramani]

да, это именно еретический велосипед - но мне надо дойти до дна - и понять когда этого не хватит

[Талян]

программист, когда потребуется оформить элемент так, как нельзя оформлять требует оформить семантика <a>. Всё-таки у <div> и у<a> разные свойства.

[Ankhena]

Анатолий, мне интересно, когда нельзя оформить одинаково div и a?

[Талян]

Ankhena,
Alams Stoyne ниже уже написал. Хотите всё это задавать вручную - флаг в руки.

Я наверное не так выразился, оформить то можно всё - но нужно ли это.

[Ankhena]

Анатолий,
1. Если написать <div title="rrr">ttt</div> то при наведении на див, будет показана подсказка из title. Т.е. ничего дополнительного писать не надо.
2. hover. По умолчанию при наведении на ссылку стили не меняются. Так что это состояние придется описывать ручками хоть для a, хоть для div.
3. Курсор: вид курсора скорее к функциональности относится. Если div должен вести себя как ссылка, то да, придется дописать целую одну строчку. Если как кнопка, то и этого делать не придется.

Еще варианты "нельзя оформить"?

[Талян]

Ankhena, прям так хочется поязвить?

Я добавил выше:

Я наверное не так выразился, оформить то можно всё - но нужно ли это.

Мало того, что вы к каждому диву будете добавлять класс, чтобы он выглядел как ссылка, вы еще и будете почем зря использовать JS.

Если прям так глаза чешутся от того, что я написал "нельзя", дайте знать. Удалю комментарий.

[Ankhena]

Анатолий, я против того, чтобы заменять дивом ссылку. Я, в основном, за семантику. И даже ругаюсь когда не правильно используют кнопки вместо ссылок и наоборот.

Но да, фраза про то, что див нельзя оформить как ссылку, очень неверна. И дело даже не в поязвить. А в том, что за последнюю неделю мне дважды попадались конструкции типа: <a href=""><button>text</button></a> с объяснением, что так написали, потому что иначе не оформить ссылку или кнопку так, как им хочется.
Мне бы не хотелось, чтобы такие заблуждения подтверждались отвечающими на Тостере.

[Талян]

Ankhena, солидарен с вами, а н найдёте сейчас в истории браузера про баттон в теге <a>? Почитал бы что пишут :)

P.S.
Сверху исправил слово.

[Ankhena]

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

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

Answer 4

[tyzberd]

для поисковых ботов

Comments

[tundramani]

я специально для поисковиков делаю заголовок и описание и теги страницы
мне этого достаточно

[tyzberd]

так он ходит по ссылкам, а по вашим с онклик наверно не будет

Answer 5

[Максим Тимофеев]

Вообще все можно сверстать через <foo></foo>. Но если нужна ссылка, которая откроет страницу в отдельном окне, удобнее <a href="" target="_blank">. И картинку не всегда удобно на бэкграунд кидать. И иногда нужен строчный элемент иногда блочный. Да и банально код удобнее читать, когда там понятно какой тег чем является.
Ваш вопрос из разряда, "зачем есть вилкой, если есть молоток, им и гвозди забивать можно и жену порадовать и в носу поковыряться (желательно перед едой)".
Думаю если посмотреть в Ваш ком, там папки только с названием "папка№1", "папка№2" и т.д.