Структура Web-страницы

Структура HTML-документа позволяет задействовать вложенные друг в друга контейнеры. Собственно, сам документ — это один большой контейнер, который начинается с тега <HTML> и заканчивается тегом </HTML>. Он указывает браузеру, что данный текст представляет собой HTML-документ и, содержит в себе теги, которые браузер должен выявить, распознать и правильно интерпретировать.

Типичная Интернет-страница состоит из двух частей: головная часть* (HEAD) и тела (BODY). Эту базовую структуру в простейшем виде можно представить следующим образом:

<HTML>	Начало HTML-документа
<HEAD>	Начало головной части
<TITLE>	Начало строки названия страницы
…	Строка названия страницы
</TITLE>	Конец строки названия страницы
</HEAD>	Конец головной части
<BODY>	Начало тела документа
…
</BODY>	Конец тела документа
</HTML>	Конец HTML-документа

<HTML> </HTML>

Элемент является самым внешним, так как между его начальным и конечным тегами должна находится вся страница. Этот элемент можно рассматривать как формальность.

<HEAD> </HEAD>

Область заголовка Wеb-страницы. Служит для формирования общей структуры документа. Должен включать элемент TITLE и допускает вложение элемента META.

<TITLE></TITLE>

Элемент разметки TITLE служит для именования документа в World Wide Web. Более прозаическое его назначение — именование окна браузера, в котором просматривается документ. Наличие конечного тега обязательно.

Синтаксис контейнера TITLE в общем виде выглядит следующим образом:

<TITLE>название документа</TITLE>

Заголовок не является обязательным контейнером документа. Его можно опустить. Роботы многих поисковых систем используют содержание элемента TITLE для создания поискового образа документа. Слова из TITLE попадают в индекс поисковой системы. Из этих соображений элемент TITLE всегда рекомендуется использовать на страницах Web-узла.

Нужно позаботиться о том, чтобы это строка, не будучи слишком длинной, достаточно точно отражала назначение документа. Если тег <TITLE></TITLE> отсутствует, в заголовке браузера выводится реальный адрес и имя просматриваемого html-файла.

<META></META>

Содержит служебную информацию, которая не отражается при просмотре. Внутри нет текста, поэтому он не имеет конечного тега. Этот тег специально рассчитан на программу поискового сервера, индексирующую web-страницы. Секция заголовка может содержать несколько элементов <META>, каждый из которых отвечает за определенный набор параметров.

Может содержать:

срок годности документа;
адрес электронной почты;
имя автора страницы;
набор ключевых слов для поиска;
краткое описание содержания Web-страницы;
Описание типа и характеристик Web-страницы;
Указание приложения, в котором была создана Web-страница;
URL

Наличие этого тега значительно увеличивает шансы попасть в первую десятку адресов, найденных поисковым сервером.

<BODY></BODY>

Это собственно тело документа. Это та произвольная часть документа, которую разрабатывает автор страницы и которая отображается браузером. Конечный тег этого элемента располагается в конце html-кода. В этом элементе могут использоваться все элементы, предназначенные для дизайна web-страницы. Внутри начального тега <BODY> можно расположить ряд атрибутов, обеспечивающих установки для всей страницы целиком, такие как, цвет фона, фоновую картинку, цвет текста и гиперссылок и т.д.