В HTML4 можно, используя CSS, создавать страницы с очень понятной для пользователей структурой. Но как поисковый робот мог отличить содержимое документа от подвала или навигационного меню, если все они размечены с помощью элементов div?
Семантические теги, добавленные в HTML5, позволяют сделать страницы такими же понятными для поисковых систем и браузеров, как и для пользователей.
| Тег | Описание |
|---|---|
| header | Определяет заголовочный блок сайта. |
| nav | Определяет навигационное меню. |
| footer | Определяет подвал |
| article | Определяет независимое содержимое страницы. |
| section | Назначение - определение секций. Позволяет сгруппировать логически связанное содержимое. |
Тег <header> позволяет определить заголовочный блок сайта.
В заголовочном блоке обычно располагаются логотип, лозунг сайта, а также поле поиска и ссылки на другие разделы сайта.
Тег <nav> позволяет создать навигационный блок.
В навигационном блоке обычно содержаться ссылки на другие страницы сайта.
Тег <footer> позволяет определить подвал для документа или сгруппированного (с помощью тэга article или section) содержимого.
В футере обычно располагается информация об авторском праве, авторе документа и могут присутствовать ссылки на другие ресурсы.
С помощью тега <section> можно выделить на странице логически связанное содержимое.
Содержимое, помещенное в данный тэг не будет выделяется визуально, но будет использоваться поисковыми системами и браузерами для того, чтобы лучше понять структуру страницы.
С помощью тега <article> Вы можете выделить на странице независимое содержимое (т.е. содержимое, которое может быть опубликовано в других источниках без остального содержимого находящегося на странице).
Содержимое помещенное в данный тэг не будет выделяется визуально, но будет использоваться поисковыми системами и браузерами для того, чтобы лучше понять структуру страницы.
Пример содержимого, которое может быть выделено тэгом <article>: газетная статья, комментарий пользователя, запись в блоге и т.д.
HTML5 Справочник http://www.wisdomweb.ru/HTML5d/index.php
