Содержание

— HTML | MDN

HTML-элемент <html> представляет собой корень (элемент верхнего уровня) HTML-документа, поэтому его так же называют корневым элементом. Все другие элементы должны быть потомками этого элемента (должны находиться внутри него).

Категории контента Отсутствуют.
Разрешенное содержимое Один элемент <head>, за которым следует один элемент <body>.
Пропуск тега Открывающий тег может быть пропущен, если первое, что находится внутри элемента <html>, не является комментарием.
В HTML5 закрывающий тег может быть пропущен. В старых версиях HTML, если сразу за элементом <html> следует комментарий (при наличии элемента <body>), то закрывающий тег пропускать нельзя.
Разрешенные родительские элементы Отсутствуют. Это корневой элемент документа.
Разрешенные роли ARIA
Отсутствуют.
DOM-интерфейс HTMLHtmlElement

К этому элементу применимы глобальные атрибуты.

manifest
Определяет URI файла манифеста, указывающего ресурсы, которые должны быть сохранены в локальном кэше. Смотрите Использование кэша приложений.
version
Определяет версию HTML DTD (Document Type Definition, больше известное как Doctype), которая управляет текущим документом. Этот атрибут не нужен, потому что он является избыточным, так как есть информация, указываемая в объявлении типа документа.
xmlns
Определяет пространство имен XHTML-документа. Значение по умолчанию "http://www.w3.org/1999/xhtml". Это требуется при парсинге документов с помощью парсера XML и необязательно для документов
text/html
.
<!DOCTYPE html>
<html lang="en">
  <head>...</head>
  <body>...</body>
</html>

Добавление атрибута lang с допустимым (валидным) идентификатором языка (определены в документе IETF BCP47) в элемент <html> поможет технологии чтения с экрана правильно определить язык. Идентификатор языка должен описывать язык, который используется большей частью содержимого страницы. Без него программы чтения с экрана, как правило, по умолчанию используют язык операционной системы, который может может стать причиной неправильного произношения.

Добавление валидного атрибута lang в элемент <html> также гарантирует, что важные метаданные, содержащиеся в элементе

<head>, например заголовок страницы <title>, также будут объявлены правильно.

BCD tables only load in the browser

  • Элемент верхнего уровня MathML: <math>
  • Элемент верхнего уровня SVG: <svg>

: Элемент разделения контента — HTML

Элемент разделения контента HTML (<div>) является универсальным контейнером для потокового контента. Он не влияет на контент или макет до тех пор, пока не будет стилизован с помощью CSS.

The source for this interactive example is stored in a GitHub repository. If you’d like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.

Являясь «чистым» контейнером, элемент <div>, по существу, не представляет ничего. Между тем, он используется для группировки контента, что позволяет легко его стилизовать, используя атрибуты class или id, помечать раздел документа, написанный на разных языках (используя атрибут lang), и так далее.

К этому элементу применимы глобальные атрибуты.

Заметка: Атрибут align устарел и вышел из употребления; не используйте его больше. Вместо этого, вам следует использовать свойства CSS или методы, такие как CSS Grid или CSS Flexbox для выравнивания и изменения положения элементов <div> на странице.

  • Элемент <div> следует использовать только в том случае, если никакой другой семантический элемент (такой как <article> или <nav>) не подходит.

Простой пример

<div>
  <p>Любой тип контента. Например,
  &lt;p&gt;, &lt;table&gt;. Все что угодно!</p>
</div> 

Результат будет выглядеть так:

Стилизованный пример

Этот пример создаёт прямоугольник с тенью, применяя стили к  <div> с помощью CSS. Заметьте, что использование атрибута class на элементе <div> даёт применение стилей "shadowbox" (в дословном переводе означает «теневая коробка») к элементу.

HTML
<div>
  <p>Вот очень интересная заметка в прекрасном прямоугольнике с тенью.</p>
</div>
CSS
.shadowbox {
  width: 15em;
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}
Результат

BCD tables only load in the browser

Что такое элементы и тэги в HTML