Руководство по HTML

Полный список тегов HTML

HTML: <main> элемент

Тег <main> в HTML5 - это элемент, который используется для определения основного содержимого документа HTML, и в документе должно быть только один тег <main>. Этот тег также часто называют элементом <main>.

Онлайн пример

В HTML грамматика тега <main> выглядит следующим образом:

<body>
<main　role="main">
　　<h1>oldtoolbag.com</h1>
　　<p>Ваш надежный ресурс для изучения новых технологий.</p>
　　<article>
　　　　<h2>HTML</h2>
　　　　<p>Изучите HTML (язык разметки гипертекста) с помощью наших пошаговых учебников и справочных материалов.</p>
　　</article>
　　<article>
　　　　<h2>CSS</h2>
　　　　<p>Изучите CSS (каскадные таблицы стилей) с помощью наших пошаговых учебников и справочных материалов.</p>
　　</article>
</main>
</body>

Совместимость браузеров

IEFirefoxOperaChromeSafari

Все основные браузеры поддерживают тег <main>.

Тестирование примеров онлайн

Пример

<!doctype　html>
<html>
<head>
<meta　charset="UTF-8">
<title>Использование тега main в HTML5 (Основы教程, oldtoolbag.com)</title>
</head>
<body>
<main　role="main">
　　<h1>oldtoolbag.com</h1>
　　<p>Ваш надежный ресурс для изучения новых технологий.</p>
　　<article>
　　　　<h2>HTML</h2>
　　　　<p>Изучите HTML (язык разметки гипертекста) с помощью наших пошаговых учебников и справочных материалов.</p>
　　</article>
　　<article>
　　　　<h2>CSS</h2>
　　　　<p>Изучите CSS (каскадные таблицы стилей) с помощью наших пошаговых учебников и справочных материалов.</p>
　　</article>
</main>
</body>
</html>

Проверьте, как это выглядит ‹/›

Определение и описание использования тегов

Элемент HTML <main> можно найти в теге <body> элемента HTML5.

Тег <main> не должен применяться к повторяющемуся содержимому, например, навигации, логотипу сайта, ссылкам на социальные сети, информации о правах собственности и боковой панели.

Рекомендуется использовать роль ARIA "main" для элемента <main>, чтобы экранные читатели могли получить доступ к нему в старых браузерах, например: <main role="main">

Для браузеров IE, старше IE 9, рекомендуется использовать HTML5shiv, это решение на JavaScript, которое предоставляет поддержку новых элементов HTML5, таких как: <header>, <main>, <article>, <section>, <aside>, <nav>, <footer>.

В документе, содержимое элемента <main> должно быть уникальным. Любое повторяющееся содержимое, которое существует в любом наборе документов, например, боковая панель, ссылки на навигацию, информация о правах собственности, логотип сайта, строка поиска (если строка поиска не является основной функцией документа), не должно включаться в нее.

HTML5: <mark> тег HTML: <map> тег