Сематические тэги помогают обозначить структуру веб-страницы делая её более понятной для поисковых систем (например, Google) и улучшая доступоность.
<header> | Определяет шапку сайта или раздела страницы. Может содержать заголовки, логотип, формы поиска, новигационные ссылки. |
---|---|
<nav> | Для новигационных ссылок, как правило, используется для главного меню сайта. |
<section> | Определяет раздел страницы, который группирует тематически связанный контент. |
<article> | Для независимого, самодостаточного контента, например, статьи, блог-поста. |
<aside> | Для боковой колонки на странице, содержащей контент, косвенно связанный с основным содержанием. |
<footer> | Подвал сайта, обычно содержит информацию об авторских правах, контактные данные, ссылки на политику конфиденциальности. |