# Семантические теги

# <header></header>

  • Задаёт «шапку» сайта или раздела, в которой обычно располагается заголовок

  • Задаёт навигацию по сайту
  • Если на странице несколько блоков ссылок, то в <nav> обычно помещают приоритетные ссылки
  • Также допустимо использовать несколько <nav> в документе. Запрещается вкладывать <nav> внутрь <address>

# <main></main>

  • Предназначен для основного содержимого документа
  • На странице может быть только один <main> и он не должен располагаться внутри элементов <article>, <aside>, <footer>, <header> или <nav>

# <section></section>

  • Задаёт раздел документа, может применяться для блока новостей, контактной информации, глав текста, вкладок в диалоговом окне и др.
  • Раздел обычно содержит заголовок

  • Задаёт «подвал» сайта или раздела, в нём может располагаться имя автора, дата документа, контактная и правовая информация

# <article></article>

  • Задаёт содержание сайта вроде новости, статьи, записи блога, форума и др.

# <aside></aside>

  • Определяет блок сбоку от контента для размещения рубрик, ссылок на архив, меток и другой информации\
  • Такой блок, как правило, называется «сайдбар» или «боковая панель».

# <figure></figure>

  • Используется для группирования любых элементов, например, изображений и подписей к ним. <figure> не должен быть связан непосредственно с основным содержимым документа и при его перемещении в другое место смысл текста не должен меняться
  • Обычно применяется для иллюстраций, фрагментов кода, схем, графиков, диаграмм и др.