HTML-тег <html>
Тег <html> определяет документ на языке HyperText Markup Language и содержит все основные элементы HTML-документа.
Тег <html> — это корневой элемент HTML-документа: он находится на самом верху дерева документа и оборачивает все остальные элементы страницы. «Корневой» означает, что у него нет родительского элемента: когда браузер разбирает страницу и строит DOM (Document Object Model — дерево узлов, которое браузер создаёт в памяти), элемент <html> является единственным узлом, от которого происходят все остальные. Поскольку всё остальное находится внутри него, тег <html> также служит местом для задания атрибутов, действующих на уровне всей страницы, — например, языка документа и направления текста.
Единственное, что может появляться перед <html>, — это объявление <!DOCTYPE>, которое сообщает браузеру, какую версию HTML использует документ, и переключает его в режим стандартов.
Элемент <html> имеет ровно двух прямых потомков, которые должны располагаться в следующем порядке:
- Тег
<head>, содержащий метаданные для браузера и поисковых систем —<title>,<link>,<script>и аналогичные теги. Ничто внутри<head>не отображается непосредственно на странице. - Тег
<body>, содержащий всё, что посетитель действительно видит: текст, изображения, ссылки и т. д.
Всегда указывайте атрибут lang на теге <html>. Он сообщает браузеру, поисковым системам и вспомогательным технологиям, на каком языке написана страница. Это улучшает индексирование, помогает браузерам выбирать правильные шрифты и отображение национальных символов, а также позволяет программам чтения с экрана выбирать правильное произношение и голос.
HTML-тег <html> с атрибутом "lang"
<html lang="en">Атрибут lang
Значение атрибута lang — это языковой тег BCP 47 — краткий стандартизированный код для человеческого языка. Наиболее распространённая форма — двухбуквенный подтег языка (из стандарта ISO 639), за которым при необходимости следует подтег региона или письма, разделённый дефисом.
<html lang="en"> <!-- English -->
<html lang="en-US"> <!-- English, United States -->
<html lang="fr"> <!-- French -->
<html lang="de"> <!-- German -->
<html lang="zh-Hans"> <!-- Chinese, Simplified script -->
<html lang="zh-Hant"> <!-- Chinese, Traditional script -->
<html lang="ar"> <!-- Arabic -->Укажите lang один раз на <html>, чтобы объявить основной язык документа. Если какой-либо раздел страницы написан на другом языке, его можно переопределить на любом внутреннем элементе (например, <p lang="fr">).
Атрибут dir
Атрибут dir задаёт базовое направление текста в документе. Он необходим для языков, читаемых справа налево, — арабского и иврита.
| Значение | Смысл |
|---|---|
ltr | Слева направо (значение по умолчанию; используется для английского, французского и т. д.) |
rtl | Справа налево (используется для арабского, иврита, персидского) |
auto | Браузер определяет направление автоматически на основе содержимого |
<html lang="ar" dir="rtl">Установка dir="rtl" на <html> изменяет выравнивание страницы по умолчанию таким образом, что текст, полосы прокрутки и многие элементы макета зеркально отображаются корректно для письма справа налево.
Синтаксис
Тег <html> является парным. Всё содержимое страницы записывается между открывающим тегом <html> и закрывающим тегом </html>.
В HTML5 закрывающий тег </html> технически необязателен — парсер может самостоятельно определить конец документа. Тем не менее его следует всегда включать. Явный </html> делает структуру документа понятной, исключает неожиданности при обработке страницы инструментами и является обязательным, если страница обслуживается как XHTML.
Пример HTML-тега <html>:
HTML-тег <html>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Title of the document</title>
</head>
<body>
The content of the page
</body>
</html>Отредактируйте приведённый выше пример в редакторе и запустите его, чтобы увидеть результат в браузере.
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| lang | Языковой тег BCP 47 | Объявляет основной язык документа (например, en, fr, zh-Hans). Рекомендуется на каждой странице для обеспечения доступности и SEO. |
| dir | ltr / rtl / auto | Задаёт базовое направление текста. Используйте rtl для языков с направлением письма справа налево, таких как арабский и иврит. |
| id | text | Присваивает элементу уникальный идентификатор, используемый главным образом как хук для CSS или скриптов. |
| xmlns | https://www.w3.org/1999/xhtml | XML-пространство имён для документа. Требуется только для XHTML; игнорируется, когда страница обслуживается как text/html, поэтому в HTML5 оно не нужно. |
| manifest | URL | Указывал на манифест кэша приложения для просмотра в офлайн-режиме. Устарел — удалён из стандарта; вместо него используйте сервис-воркеры. |
Атрибуты lang, dir и id, перечисленные выше, используются чаще всего, и <html> также принимает полный набор Глобальных атрибутов и Атрибутов событий.