Most Popular Browsers
Chrome, Firefox, and Edge are the most used browsers today.
Google Chrome
Google Chrome is a web browser developed by Google, released in 2008. Chrome is the world’s most popular web browser today!
Mozilla Firefox
Mozilla Firefox is an open-source web browser developed by Mozilla. Firefox has been the second most popular web browser since January, 2018.
Microsoft Edge
Microsoft Edge is a web browser developed by Microsoft, released in 2015. Microsoft Edge replaced Internet Explorer.
More «Try it Yourself» examples below.
Definition and Usage
The tag specifies the main content of a document.
The content inside the element should be unique to the document. It should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms.
Note: There must not be more than one element in a document. The element must NOT be a descendant of an , , , , or element.
Browser Support
The numbers in the table specify the first browser version that fully supports the element.
Element | |||||
---|---|---|---|---|---|
26.0 | 12.0 | 21.0 | 7.0 | 16.0 |
Следы невиданных зверей
Каждая спецификация проходит несколько стадий одобрения.
- Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
- Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
- Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
- Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
- Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
- Draft ( Черновик спецификации ) — первая черновая версия стандарта.
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
См. также
Main в html что это
Блок с главным контентом страницы.
Время чтения: меньше 5 мин
Обновлено 8 сентября 2022
Кратко
Скопировать ссылку «Кратко» Скопировано
В блоке лежит главное содержимое страницы: тот основной и уникальный контент, который относится к главной теме страницы.
Пример
Скопировать ссылку «Пример» Скопировано
Сайт об архитекторах Санкт-Петербурга Несколько фактов о Растрелли
Франческо Растрелли — российский архитектор итальянского происхождения.
Он был ярким представителем елизаветинского барокко.
header>Сайт об архитекторах Санкт-Петербургаheader> main> h1>Несколько фактов о Растреллиh1> p>Франческо Растрелли — российский архитектор итальянского происхождения.p> p>Он был ярким представителем елизаветинского барокко.p> main> footer>Подписывайтесь на нас в Инстаграмеfooter>
Как понять
Скопировать ссылку «Как понять» Скопировано
Тег помогает собрать самую важную информацию на странице в одном контейнере. — один из ориентиров (landmark), к которому скринридер может удобно перейти. Также считают основным содержимым встроенные в браузеры режимы для чтения: они отбрасывают ваши стили и прячут всё остальное, кроме главного контента.
В помещают главное содержимое — то, которое больше нигде не повторяется на сайте. Соответственно, второстепенные элементы сюда не входят: шапка сайта, подвал, боковые панели, ссылки навигации, информация об авторских правах, логотипы сайта и поисковые формы, как правило, остаются вне контейнера .
Единственный случай, когда поисковую форму стоит положить в — это когда она является главным элементом на странице, например, на странице поиска.
Как пишется
Скопировать ссылку «Как пишется» Скопировано
На странице может быть только один . Однако спецификация уточняет:
В документе не должно быть больше одного , у которого нет атрибута hidden
Получается, что можно иметь и другие , но это равносильно тому, что их не будет на странице. Это исключение сделано специально для навигации в одностраничных приложениях (SPA).
Этот тег парный, обязательно закрывать его с помощью < / main>.
Атрибуты
Скопировать ссылку «Атрибуты» Скопировано
У нет своих атрибутов: к нему можно применить все глобальные атрибуты.
Ещё примеры
Скопировать ссылку «Ещё примеры» Скопировано
Бургерочная «Минутка»
О команде
Мы готовим бургеры с 2011 года. Это долго.
header> Бургерочная «Минутка» header> main> h1>О командеh1> p>Мы готовим бургеры с 2011 года. Это долго.p> main>
На практике
Скопировать ссылку «На практике» Скопировано
Дока Дог советует
Скопировать ссылку «Дока Дог советует» Скопировано
🛠 С виду — это обычный , но он семантически более важен для поисковиков. Обычно это блок, в котором расположен самый основной и важный блок страницы, чтобы поисковик индексировал его с повышенным приоритетом.
Алёна Батицкая советует
Скопировать ссылку «Алёна Батицкая советует» Скопировано
🛠 Тег появился в HTML не так давно. Поэтому даже опытные разработчики не всегда понимают его предназначение и не добавляют его в код.
Я всегда оборачиваю в этот тег всё, кроме , и . Таким образом поисковый робот быстрее найдёт основную информацию на сайте и лучше его проиндексирует.
HTML тег
Тег — новый блочный элемент в спецификации HTML5, который предназначен для размещения основного контента документа. Содержимое тега должно быть уникальным и не дублировать однотипные блоки, которые повторяются в других документах, таких как шапка сайта (header), нижний колонтитул (footer), меню, форма поиска, информация об авторских правах и т.д.
Синтаксис
Содержимое тега размещается между открывающим (
Пример
html> html> head> title>Заголовок документа title> head> body> main> h1>Языки программирования h1> p>Языки HTML и CSS предназначены для верстки сайтов. p> article> h2>HTML h2> p>HTML (Hyper Text Markup Language) - язык гипертекстовой разметки, который используется для создания веб-страниц. p> p>. p> p>. p> article> article> h2>CSS h2> p>CSS это язык стилей, определяющий отображение HTML-документов. p> p>. p> article> main> body> html>
Результат
Атрибуты
Как добавить стиль к тегу ?
Распространенные свойства для изменения визуальной насыщенности/выделения/размера текста внутри тега :
- CSS свойство font-style задает стиль шрифта: normal | italic | oblique | initial | inherit
- CSS свойство font-family создает приоритетный список названий семейства шрифтов и/или общее имя шрифтов для выбранных элементов.
- CSS свойство font-size задает размер щрифта.
- CSS свойство font-weight устанавливает насыщенность шрифта.
- CSS свойство text-transform задает регистр текста (заглавные или строчные буквы).
- CSS свойство text-decoration устанавливает оформление текста. Оно является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.
Цвет текста внутри тега :
Стили форматирования текста для тега :
- CSS свойство text-indent указывает размер отступа первой строки в текстовом блоке.
- CSS свойство text-overflow указывает, как будет отображаться пользователю строчный текст, выходящий за границы блока.
- CSS свойство white-space указывает, как будут отображены пробелы внутри элемента.
- CSS свойство word-break указывает перенос строки.
Другие свойства для тега :
- CSS свойство text-shadow добавляет тень к тексту.
- CSS свойство text-align-last выравнивает последнюю строку текста.
- CSS свойство line-height устанавливает межстрочный интервал.
- CSS свойство letter-spacing устанавливает расстояние между буквами/символами в тексте.
- CSS свойство word-spacing устанавливает расстояние между словами в тексте.