Что такое семантические теги?

Question

[tasadar2]

Что-то я не понимаю про семантические теги. Кажется, что понял давно, но не понимаю нифига. Объясните по простому назначение всех семантических тэгов HTML5. У одних так, у других по другому, другие спорят и друг-друга дураками кличут. Объясните без терминологии профи и середняков. Прям вот так давайте: "Есть такая штучка, она находится вон там. И нужно по правилам...." Ну короче про header, menu, nav, section, main.

Comments

[Hanneman]

А мы не понимаем ваш вопрос

[alex]

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

Answer 1

[Stalker_RED]

Главное что нужно понять: семанткческие теги нужны не для того, чтобы "показать страничку обычному пользователю". Показать не сложно и без них. Можно же вместо h1 просто вставить див с жирным крупным шрифтом, или даже картинку, и "на глаз" никакой "обычный юзер" не заметет разницу.
И да, ты правильно понял, h1 - это уже семантика, хоть этот тег и придуман задолго до html5.

Смантика, как и микроразметка, нужна для парсеров. Для всяких автоматических штук, которые стараются понять где тут заголовок и основной контент, а где всякий шлак.
И это не только гугл, это еше и скринридеры для слепых, и предпросмотр страницы в телеге и скайпе, и куча подобного.

А сми теги и на mdn неплохо описаны.

Answer 2

[painmaker]

использования семантической верстки в HTML5