Структура HTML-документа

Все Web-страницы создаются по определенным правилам.

Ниже приведён листинг HTML-кода постой страницы. Теперь код визуально разделён на части и добавлен комментарий.

<html>
<head>
<title>
Образец</title>
</head>

<body>
<h1>Привет, мир!>
</h1>
</body>
</html>

Для того чтобы посмотреть как работает этот код, кликните здесь.

Для того чтобы понять структуру Web-страницы, нам необходимо подробно рассмотреть все элементы, входящие в приведённый листинг.

Итак, начнем!

<HTML> </html>
Отличительный признак HTML-документа. Он должен всегда начинать любой HTML документ. Я уже упоминал о том, что одним из признаков языка является многоуровневое вложение элементов. HTML является самым внешним, так как между его стартовым и конечным тегами должна находиться вся Web-страница. В принципе этот элемент можно рассматривать как формальность. Естественно, что конечным тегом </html> заканчиваются все гипертекстовые документы. Сам по себе документ является обыкновенным текстовым ASCII-файлом. Без этих тэгов браузер или другая программа просмотра, возможно, будет не в состоянии идентифицировать формат документа и правильно его интерпретировать.

Большинство современных браузеров могут опознавать документ и не содержащий тэгов <HTML> и </HTML>, всё же их употребление крайне желательно. Наличие этих тэгов является необходимым условием для индексирования страницы поисковым роботом.

Между парой тэгов <HTML> и </HTML> располагается сам документ. Документ может состоять из двух разделов - раздела заголовка (начинающийся тэгом <HEAD>) и раздела содержательной части документа (начинающийся тэгом <BODY>). Для документов, описывающих фреймовые структуры, вместо раздела BODY используется раздел FRAMESET (с тэгом <FRAMESET>).

<HEAD> </head>
От англ. - голова. Область заголовка Web-страницы. Иными словами, ёё первая часть. Так же как и HTML, HEAD служит только для форматирования общей структуры документа. В этот элемент допускается вложени элементов TITLE, META и других не часто употребляемых.

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

Далее идут ссылки на описание правил составления разделов документа HEAD и BODY.

Подробное описание раздела документа HEAD.
Подробное описание раздела документа BODY.

Построения документов, содержащих фреймы, рассмотрены в разделе "Фреймы"

Вот более сложный HTML-код:

<html> <head> <title>Заголовок.</title> <meta http-equiv="Content-Language" content="ru"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="description" content="Образец №2."> <meta content="образец, пример, example" name=Keywords> <meta http-equiv="expires" content="now"> </head> <body bgcolor="#FFFFCC" link="#000000" vlink="#000000" text="#008080"> <h1>Привет, мир!</h1> </body> </html>

Для того чтобы посмотреть как работает этот код, кликните здесь.