Корневой элемент



Влад Мержевич

В HTML корневым называется элемент <html>, внутри которого располагаются элементы <body> и <head>. Само присутствие открывающего тега <html> и закрывающего </html> является необязательным и их можно опустить (пример 4.1).

Пример 4.1. Страница без корневого элемента

<!DOCTYPE html>
 <head>
  <meta charset="utf-8">
  <title>html</title>
 </head>
 <body> 
  <p>Текст</p>
</body>

В качестве атрибутов используются глобальные атрибуты, например, lang для указания языка документа. В примере 4.2 показана страница на английском языке, поэтому к тегу <html> добавлен атрибут lang со значением en.

Пример 4.2. Атрибут lang

<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="utf-8">
  <title>Welcome</title>
 </head>
 <body> 
  <p>Lets me speak from my heart in English.</p>
 </body>

Уникальным для корневого элемента является атрибут manifest, который указывает манифест кэша приложения, что позволяет создавать автономный сайт, работающий даже без подключения к Интернету. Подробнее об этом атрибуте вы можете почитать в статье Руководство по использованию кэша приложения

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.