Перейти к содержимому

Main html что это

  • автор:

Main html что это

Элемент предназначен для основного содержимого документа. Содержимое должно быть уникальным и не включать типовые блоки вроде шапки сайта, подвала, навигации, боковой панели, формы поиска и т. п.

Синтаксис

Атрибуты

Для этого тега доступны только универсальные атрибуты.

Закрывающий тег

HTML5 IE Cr Op Sa Fx

    main  

Следы невиданных зверей

История о том, как возле столовой появились загадочные розовые следы с шестью пальцами, и почему это случилось.

main

Следы невиданных зверей

История о том, как возле столовой появились загадочные розовые следы с шестью пальцами, и почему это случилось.

Каждая спецификация проходит несколько стадий одобрения.

  • Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
  • Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
  • Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
  • Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
  • Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
  • Draft ( Черновик спецификации ) — первая черновая версия стандарта.

Браузеры

13 26 16 7 21
4.4 21 14 7

Браузеры

В таблице браузеров применяются следующие обозначения.

  • — элемент полностью поддерживается браузером;
  • — элемент браузером не воспринимается и игнорируется;
  • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

См. также

  • Структура в HTML
  • Элемент

Main html что это

Документ не должен иметь более одного элемента у которого не указан атрибут hidden .

Категории контента Основной поток, явный контент.
Допустимое содержимое Основной поток.
Пропуск тегов Ни одного; Оба тега, открывающий и закрывающий, являются обязательными.
Допустимые родители Те, в которых разрешается контент основного потока в качестве содержимого, но только если это иерархически корректный main элемент.
Допустимые ARIA-роли Роль main применяется к по умолчанию, и роль presentation (en-US) также разрешена.
DOM-интерфейс HTMLElement

Атрибуты

К этому элементу применимы только глобальные атрибуты.

Примечание

Содержимое элемента должно быть уникальным для документа. Содержимое, которое повторяется в наборе документов или разделах документа, такое как боковые панели, навигационные ссылки, информация об авторских правах, логотипы сайта и поисковые формы, не должно добавляться, за исключением формы поиска, если она является основной функцией страницы.

не вносит вклад в структуру документа; то есть, в отличие от таких элементов, как , заголовков, таких как (en-US) и т.п., не влияет на концепцию DOM структуры страницы. Он носит исключительно информативный характер.

Пример

main> h1>Яблокиh1> p>Яблоко - плод яблони, который употребляется в пищу в свежем виде, служит сырьём в кулинарии и для приготовления напитков.p> article> h2>Сорт "Ред Делишес"h2> p>Эти ярко-красные яблоки являются одними из самых популярных в Соединённых Штатах.p> p>. p> p>. p> article> article> h2>Сорт "Гренни Смит";/h2> p>Эти сочные, зелёные яблоки являются одними из самых популярных в мире.p> p>. p> p>. p> article> main> 

Результат

Проблемы доступности

Ориентир

Элемент ведёт себя как роль-ориентир main (en-US) . Ориентиры могут использоваться вспомогательными технологиями для быстрой идентификации и навигации по большим разделам документа. Предпочтительно использовать элемент вместо объявления role=»main» , если не нужна поддержка старых браузеров.

Пропуск навигации

Пропуск навигации, также известный как «skipnav», это техника которая позволяет пользователю вспомогательных технологий совершать быстрый обход больших разделов повторяющегося контента (главная навигация, информационные баннеры и т.д.). Это позволяет пользователю получить доступ к основному контенту страницы быстрее.

Добавление атрибута id в элемент позволяет ему становится целью для ссылки пропуска навигации.

body> a href="#main-content">Перейти к основному контентуa> main id="main-content"> main> body> 

Режим чтения

Функционально режим чтения браузера будет искать наличие элемента , а также элементов заголовка и секционных элементов, которые преобразовывают контент в специальный вид для чтения.

Спецификации

Specification
HTML Standard
# the-main-element

Поддержка браузерами

BCD tables only load in the browser

Элемент широко поддерживается. Для Internet Explorer 11 и ниже предлагается добавить роль ARIA «main» в элемент , чтобы обеспечит его доступность (программы для чтения с экрана, такие как JAWS, используемые совместно со старыми версиями Internet Explorer, смогут понять семантическое значение элемента после добавления атрибута role ).

main role="main">. main> 

Смотрите также

  • Основные структурные элементы: , ,
  • Связанные с этим разделом элементы: , , , , or
  • ARIA: роль main (en-US)

Found a content problem with this page?

  • Edit the page on GitHub.
  • Report the content issue.
  • View the source on GitHub.

This page was last modified on 4 авг. 2023 г. by MDN contributors.

Your blueprint for a better internet.

Что такое main в HTML5?

HTML тег

используется для обозначения основной части сайта. Этот тег никак не изменяет текст в нем или же объекты. Его задача состоит в простом обозначение основной части, в которой не находиться шапка, меню, подвал, сайдбар (боковая панель). Требует закрывающий тег
.

Многие браузеры не поддерживают этот тег, тем не менее они корректно его обрабатывают и выводят его содержимое.

Атрибуты:

  • У этого тега нет специальных атрибутов, но вы можете использовать все универсальные теги, такие как title.

Пример:

  
Шапка сайта

Важный заголовок!

Какие-нибудь статьи или прочее.
Подвал сайта

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *