/html/main:> Основное содержимое документа_
Элемент main
Синтаксис
HTML
<main> ... </main>
Описание
Элемент main
(от англ. "main" ‒ «главный, основной») определяет основное содержимое документа (его информационную часть).
Условия использования
- В данный элемент запрещено вкладывать следующие элементы со статичным, не меняющимся из документа в документ (в рамках сайта) содержанием:
article
,aside
,footer
,header
,nav
. То есть вышесказанное подразумевает, что допустим мы можем в данный элемент вложить элементheader
в качестве заголовка для вложенной, уникальной (не повторяющейся более на сайте) статьи, но не можем вложить туда элементheader
, который у нас выполняет роль визуального заголовка (с логотипом и именем) сайта (т.е. 'шапку' документа). - Так же использование элемента
main
в документе более одного раза запрещено, так как в документе не может быть двух (трёх и более) основных содержаний.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Safari
Поддерж.
iOS
Android
Спецификация
Верс. | Раздел |
---|---|
HTML | |
2.0 | |
3.2 | |
4.01 | |
5.0 | 4.4.14 The main element |
5.1 | 4.4.13. The main element |
XHTML | |
1.0 | |
1.1 |
Атрибуты
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент main</title>
</head>
<body>
<!-- Визуальный заголовок, меню -->
<!-- ... -->
<main>
<h1>Основная тема документа</h1>
<p>Коротко об основной теме.</p><br>
<article>
<h2>Подтема 1</h2>
<p>Текст по подтеме 1.</p>
</article>
<hr>
<article>
<h2>Подтема 2</h2>
<p>Текст по подтеме 2.</p>
</article>
</main>
<!-- ... -->
<!-- 'Подвал' сайта -->
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент main</title>
</head>
<body>
<!-- Визуальный заголовок, меню -->
<!-- ... -->
<main>
<h1>Основная тема документа</h1>
<p>Коротко об основной теме.</p><br>
<article>
<h2>Подтема 1</h2>
<p>Текст по подтеме 1.</p>
</article>
<hr>
<article>
<h2>Подтема 2</h2>
<p>Текст по подтеме 2.</p>
</article>
</main>
<!-- ... -->
<!-- 'Подвал' сайта -->
</body>
</html>
Элемент main