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

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

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

Данные теги предназначены для формирования структуры веб-страницы и определяют раздел заголовка и тела документа.  Всего выделяют 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>, поскольку этот обязательный элемент кода веб-страницы не является тегом, а предназначен для браузеров, чтобы сообщить им, как интерпретировать текущий документ.

Дата обновления: 13.07.2016 — 20:19

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

SamSebeWebmaster.ru © 2016, все права защищены.