«Семантические» HTML5 элементы — это аттавизм?

Приветствую.

Давно знаю о «семантических» элементах HTML5 типа <header>, <footer>, <article>, <section> и др. Давно мне эти элементы кажутся какой-то фигней. Они вроде есть, но правила их применения настолько мутные, а положительный эффект от реального их применения я не встречал, даже «кейсов» нигде не видел, мол, внедрение вот этих вот элементов позволило нам достичь вот этого и того. Может быть, эти «кейсы» есть, но я их не видел.

Поведайте мне, есть ли реальная, ощутимая, подтвержденная, объективная польза (эффект) с какой-либо из «сторон дела»: пользователя, верстки, программирования, поисковых систем?
  • Вопрос задан
  • 250 просмотров
Решения вопроса 1
MrDecoy
@MrDecoy Куратор тега HTML
Верставший фронтендер
Не всё так радужно, как задумывалось, но смысл в их использовании есть.
От каких то тэгов больше - от каких то меньше.
Но если что-то можно сделать не прилагая почти никаких усилий и получить от этого пользу, то почему этого делать не стоит?

https://habr.com/ru/company/htmlacademy/blog/546500/

Основных поинтов использования семантики 3.
1) Использование подходящих элементов делает их использование удобнее. Несколько раз встречал когда ссылки делали дивами с js поверх. Нет возможности нажать на них колёсиком чтобы открылаьс в новой вкладке или правой кнопкой с соответствующем ссылке контекстным меню. Это отвратительно неудобно.
2) это помощь людям с ограниченными возможностями для понимания контекста происходящего на экране. Наглядный пример это ссылки внутри тэга nav. Можно побаловаться со скрин ридером и будет понятно о чём речь.
Если коротко: ссылки в div будут озвучены как: *ссылка*.
Ссылки в nav: "ссылка, навигация"
https://vc.ru/promo/132280-kak-zvuchat-sayty-nezry...
https://www.youtube.com/watch?v=RQiN1Hhrxu0
3) Помощь поисковым ботам понимать контекст и формировать снипеты в поисковой выдаче. Пример есть в статье выше.
https://siteclinic.ru/blog/technical-aspects/html5...

с какой-либо из «сторон дела»: пользователя, верстки, программирования, поисковых систем?

1) Про пользователей выше
2) Про вёрстку - удобнее читать
3) Про программирование - использование верных тэгов соответствующим образом влияет на работу с этими элементами в JS либо избавляет от необходимости в JS в принципе.
4) Про поисковые системы выше.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы