Семантические теги
- Задаёт «шапку» сайта или раздела, в которой обычно располагается заголовок
<nav></nav>
- Задаёт навигацию по сайту
- Если на странице несколько блоков ссылок, то в
<nav>
обычно помещают приоритетные ссылки - Также допустимо использовать несколько
<nav>
в документе. Запрещается вкладывать <nav>
внутрь <address>
<main></main>
- Предназначен для основного содержимого документа
- На странице может быть только один
<main>
и он не должен располагаться внутри элементов <article>
, <aside>
, <footer>
, <header>
или <nav>
<section></section>
- Задаёт раздел документа, может применяться для блока новостей, контактной информации, глав текста, вкладок в диалоговом окне и др.
- Раздел обычно содержит заголовок
- Задаёт «подвал» сайта или раздела, в нём может располагаться имя автора, дата документа, контактная и правовая информация
<article></article>
- Задаёт содержание сайта вроде новости, статьи, записи блога, форума и др.
<aside></aside>
- Определяет блок сбоку от контента для размещения рубрик, ссылок на архив, меток и другой информации\
- Такой блок, как правило, называется «сайдбар» или «боковая панель».
- Используется для группирования любых элементов, например, изображений и подписей к ним.
<figure>
не должен быть связан непосредственно с основным содержимым документа и при его перемещении в другое место смысл текста не должен меняться - Обычно применяется для иллюстраций, фрагментов кода, схем, графиков, диаграмм и др.