Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

HTML Справочник

HTML Теги по алфавиту HTML Теги по категориям HTML Поддержка браузера HTML Атрибуты тегов HTML Глобальные атрибуты HTML События атрибутов HTML Название цвета HTML Canvas HTML Аудио/видео HTML Наборы символов HTML Типы документов HTML URL Кодировка HTML Код языка HTML Код страны HTTP Сообщения ошибок HTTP Методы GET/POST HTML Конвертер PX в EM HTML Комбинация клавиш

HTML Теги

Тег <!--Комментарий--> Тег <!DOCTYPE> Тег <a> Тег <abbr> Тег <acronym> Тег <address> Тег <applet> Тег <area> Тег <article> Тег <aside> Тег <audio> Тег <b> Тег <base> Тег <basefont> Тег <bdi> Тег <bdo> Тег <big> Тег <blockquote> Тег <body> Тег <br> Тег <button> Тег <canvas> Тег <caption> Тег <center> Тег <cite> Тег <code> Тег <col> Тег <colgroup> Тег <data> Тег <datalist> Тег <dd> Тег <del> Тег <details> Тег <dfn> Тег <dialog> Тег <dir> Тег <div> Тег <dl> Тег <dt> Тег <em> Тег <embed> Тег <fieldset> Тег <figcaption> Тег <figure> Тег <font> Тег <footer> Тег <form> Тег <frame> Тег <frameset> Тег <h1> - <h6> Тег <head> Тег <header> Тег <hr> Тег <html> Тег <i> Тег <iframe> Тег <img> Тег <input> Тег <ins> Тег <kbd> Тег <label> Тег <legend> Тег <li> Тег <link> Тег <main> Тег <map> Тег <mark> Тег <meta> Тег <meter> Тег <nav> Тег <noframes> Тег <noscript> Тег <object> Тег <ol> Тег <optgroup> Тег <option> Тег <output> Тег <p> Тег <param> Тег <picture> Тег <pre> Тег <progress> Тег <q> Тег <rp> Тег <rt> Тег <ruby> Тег <s> Тег <samp> Тег <script> Тег <section> Тег <select> Тег <small> Тег <source> Тег <span> Тег <strike> Тег <strong> Тег <style> Тег <sub> Тег <summary> Тег <sup> Тег <svg> Тег <table> Тег <tbody> Тег <td> Тег <template> Тег <textarea> Тег <tfoot> Тег <th> Тег <thead> Тег <time> Тег <title> Тег <tr> Тег <track> Тег <tt> Тег <u> Тег <ul> Тег <var> Тег <video> Тег <wbr>


HTML Тег <main>



Пример

Укажите основное содержание документа:

<main>
  <h1>Самые популярные браузеры</h1>
  <p>Chrome, Firefox, и Edge являются наиболее часто используемыми браузерами сегодня.</p>

 <article>
    <h2>Google Chrome</h2>
    <p>Google Chrome - браузер, разработанный компанией Google и выпущенный в 2008 году. Chrome - самый популярный браузер в мире на сегодняшний день!</p>
  </article>

  <article>
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox - браузер с открытым исходным кодом, разработанный компанией Mozilla. Firefox стал вторым по популярности браузером с января 2018 года.</p>
  </article>

  <article>
    <h2>Microsoft Edge</h2>
   <p>Microsoft Edge - браузер, разработанный компанией Microsoft и выпущенный в 2015 году. Microsoft Edge заменил Internet Explorer.</p>
  </article>
</main>
Попробуйте сами »


Определение и использование <main>

Тег в HTML <main> определяет основное содержимое документа.

Содержание внутри элемента <main> должен быть уникальным для документа.

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

Примечание: Их не должно быть больше одного элемента <main> в документе. Элемент <main> элемент не должен быть потомком какого-либо элемента <article>, <aside>, <footer>, <header>, или <nav>.


Поддержка браузеров <main>

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

Элемент
<main> 26.0 12.0 21.0 7.0 16.0

Глобальные атрибуты <main>

Тег <main> также поддерживает Глобальные атрибуты в HTML.


События атрибутов <main>

Тег <main> также поддерживает События атрибутов в HTML.


Еще примеры <main>

Пример

Используйте CSS для стилизации элемента <main>:

<html>
<head>
<style>
main {
  margin: 0;
  padding: 5px;
  background-color: lightgray;
}

main > h1, p, .browser {
  margin: 10px;
  padding: 5px;
}

.browser {
  background: white;
}

.browser > h2, p {
  margin: 4px;
  font-size: 90%;
}
</style>
</head>
<body>

<main>
  <h1>Самые популярные браузеры</h1>
  <p>Chrome, Firefox и Edge сегодня являются наиболее часто используемыми браузерами.</p>
  <article class="browser">
    <h2>Google Chrome</h2>
    <p>Google Chrome - браузер, разработанный компанией Google и выпущенный в 2008 году. Chrome - самый популярный браузер в мире на сегодняшний день!</p>
  </article>
  <article class="browser">
    <h2>Mozilla Firefox</h2>
    <p>Mozilla Firefox - браузер с открытым исходным кодом, разработанный компанией Mozilla. Firefox стал вторым по популярности браузером с января 2018 года.</p>
  </article>
  <article class="browser">
    <h2>Microsoft Edge</h2>
    <p>Microsoft Edge - браузер, разработанный компанией Microsoft и выпущенный в 2015 году. Microsoft Edge заменил Internet Explorer.</p>
  </article>
</main>

</body>
</html>
Попробуйте сами »