Теги верхнего уровня

Данные теги предназначены для формирования структуры веб-страницы и определяют раздел заголовка и тела документа. Всего выделяют 3 тега верхнего уровня:
<html>…</html>
<head>…</head>
<body>…</body>
Рассмотри все теги подробнее.
Тег <html>
Данный тег еще называют корневой контейнер. В теге <html> заключается всё содержимое веб-страницы, включая теги <head> и <body>. Без этого тега браузер не сможет правильно интерпретировать html-документ. Открывающий и закрывающий теги<html> в документе необязательны, но хороший стиль диктует непременное их использование.
Тег <head>
Основное предназначение тега <head> заключается в хранение элементов, которые помогают браузеру в обработке данных веб-страницы. А также в контейнере <head>…</head> находятся все метатеги, которые используются для хранения информации, предназначенной для браузеров и поисковых систем. Например, механизмы поисковых систем обращаются к метатегам для получения описания сайта, ключевых слов и других данных.
Тег <body>
В данный тег заключается содержание веб-страницы, которое отображается в окне браузера. Информацию, которую следует выводить в документе, следует располагать именно внутри контейнера <body>…</body>. К такой информации относится текст, заголовки изображения, таблицы, списки и др.
Набор тегов верхнего уровня и порядок их вложения показан в примере ниже:
1 2 3 4 | <html> <head>…</head> <body>…</body> </html> |
В данном примере показано, что контейнер <html> определяет «каркас» всей веб-страницы, внутри него вначале задается тег <head>, затем идет контейнер<body>, в нем хранится содержательная часть документа, которая и отображается в браузере. Теги <html> и <body> хотя и не относятся к обязательным тегам (т. е. их можно не размещать в коде), все же стоит добавлять всегда. Это позволяет получить четкую и понятную структуру документа.
Заметьте, что в примере не упоминается <!DOCTYPE>, поскольку этот обязательный элемент кода веб-страницы не является тегом, а предназначен для браузеров, чтобы сообщить им, как интерпретировать текущий документ.