Семантические теги были введены в HTML5. Они описывают значение отдельных элементов веб-страницы. Они помогают нам построить четкую структуру нашего веб-сайта. Семантические теги обеспечивают доступность и удобочитаемость для пользователей, создателей и поисковой оптимизации.
Заголовки
-
Заголовок веб-страницы или статьи. Внутри этого тега можно вкладывать другие элементы, например субтитры, дату или навигацию.
-
Навигация по веб-страницу. Вы можете вложить список и другие элементы внутрь.
-
-
Заголовки с разным уровнем важности ( h1 — основной, h6 — маленькие). Они создают иерархию содержимого на странице, своего рода таблицу содержимого на веб-странице.
Основное содержимое
-
-
Часть сайта для определенной цели. Обозначает область страницы с согласованным содержанием.
-
Полная, независимая и согласованная часть страницу, например статью.
-
Боковая панель или окно вызова с содержанием, косвенно связанным с основное содержание.
-
Нижний колонтитул обычно содержит информацию об авторе, данные об авторских правах или ссылки.
Другое
-
-
Тег для img, видео или аудиоконтент. Также может содержать описание.
-
Точное описание объекта в теге figure. -
Предоставляет контактную информацию: почтовый адрес, номера телефонов и т. д. Обычно включается в тег нижнего колонтитула.
См. исходный пост здесь.