Тег <main>

Основное содержимое
  • Категории: Потоковое содержимое
  • Контекст:

    Потоковое содержимое, но не внутри секционных элементов: <header>, <footer>, <aside>, <article>, <nav>.

  • Модель:

    Потоковое содержимое, кроме элемента <main>.

Тег <main> (от англ. "main" - основной) используется для обозначения основного содержимого страницы. Как правило, это уникальный контент, из которого исключены сопутствующая информация, повторяющиеся блоки и другие элементы интерфейса:

  • шапка, подвал и навигация
  • колонки с косвенной информацией
  • и т.д.

Представьте, что на странице можно отбросить все, кроме этого контента, и она не потеряет ценности.

Данный тег улучшает доступность вашего сайта. Пользователи, которые используют речевые браузере и другие программы, сразу могут перейти к основному содержимому, игнорируя повторяющиеся элементы интерфейса. Одновременно в документе должен присутствовать только один видимый элемент <main>. Если у вас их несколько, то все остальные должны быть скрыты.

Атрибуты

  • Глобальные атрибуты
  • Основное содержимое

    Используем тег <main>, чтобы указать на основное содержимое нашего документа.

  • Несколько элементов

    Одновременно в документе должен присутствовать только один видимый элемент <main>

Поделитесь данной записью с друзьями