7.2.1. Структура html-документа

Структура HTML-документа следующая:

1. Открывающий тег <html>.

2. Разделы заголовков (определяемого элементом head).

   1. Элемент названия документа title.

   2. Специальная группа элементов meta, предназначена для описания и индексирования документа поисковыми машинами, а также для правильного отображения содержимого страницы в браузере.

   3. Элемент style позволяет правила таблиц стилей документа.

3. Раздел содержимого HTML-документа определяется элементом body. В случае формирования фреймовой структуры используется элемент frameset.

4. Завершающий тег </html>.

Пример 7.1. HTML-документ с полной структурой документа.

<html>

<head>

<title>Первый пример HTML-документа</title>

<meta http-equiv="Content-Language" content="ru">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<meta name="description" content="">

<meta name="keywords" content="Web, паутина, поиск, Internet Explorer">

<style>

p.normal

{

text-align: center;

font-family: Tahoma;

font-size: 14pt;

font-style: italic;

font-weight: bold

}

</style>

</head>

<body>

<p class="normal">Это Ваш первый HTML-документ !!!!</p>

</body>

</html>

Результат этого HTML-документа при просмотре в браузере Internet Explorer представлен на рис. 7.2.

Рис 7.2. Пример первого HTML-документа

7.2.2. Элементы раздела заголовка <head> … </head>.

В разделе заголовка должна размещаться информация, описывающая основные свойства всего документа целом:

• Указание название HTML-документа в заголовке браузера;

• Указание кодировки страницы;

• Перечисление ключевых слов, для индексации и регистрации в поисковых системах;

• Описание таблиц стилей.

Элемент title.

Название HTML-документа в заголовке браузера можно указать при помощи элемента <title>.

Пример 7.2. Использование элемента title.

<head>

<title>Мой первый HTML-документ</title>

</head>

В результате получим:

Рис 7.2. Использование элемента title

Элемент meta.

Группа инструкций <meta>, предназначена в основном для описания и индексирования документа поисковыми машинами. Все данные тэгов meta не видны при просмотре документа. Элементы <meta> вносятся в раздел заголовка гипертекстового документа – внутри блока <head>...</head>. Формат элемент состоит только из открывающего тега <meta>. Закрывающего тега </meta> у этого элемента нет, он запрещен.

Пример 7.3. Назначение кодировки HTML-документа.

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows-1251">

Используется браузером для правильного отображения содержимого страницы и для правильного определения поисковой машиной языка HTML-документа.

Пример 7.4. Краткое описание HTML-документа.

<META name="description" content="Мой первый HTML-документ">

Задается краткое описание HTML-документа. Используемое роботами поисковых серверов для индексирования и формирования описания вашей страницы в списке найденных ссылок при поиске информации, пересекающейся с содержимым вашего HTML-документа. Длина содержимого тегов meta "description" не должна превышать 200 символов.

Пример 7.5. Список ключевых слов описывающих HTML-документ.

<meta name="keywords" content="Web, паутина, поиск, Internet Explorer">

Задается список терминов и ключевых слов, которые являются главным инструментом при индексировании Вашего HTML-документа поисковой машиной. Длина содержимого тегов meta "keywords" не должна превышать 1000 символов.

Пример 7.6. Указывает язык текста HTML-документа

<meta http-equiv="Content-Language" content="ru">

Теперь напишем HTML-документ. Запустим программу Блокнот. В появившемся окне напишем следующий текст HTML-документа.

<html>

<head>

<title>Мой первый HTML-документ</title>

<meta http-equiv="Content-Language" content="ru">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<META name="description" content="Мой лучший HTML-документ">

<meta name="keywords" content="первая страница, HTML-документ">

</head>

<body>

<p>Mой первый HTML-документ !!!!</p>

</body>

</html>

Это выглядит следующим образом

Рис. 7.3. Мой первый HTML-документ.

В браузере Internet Explorer получим следующее представление этого HTML-документа.

Рис. 7.4. Отображение моего первого HTML-документа в браузере Internet Explorer.