1.4 Структура HTML-документа. - HTML - Каталог статей

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

Итак, после выбора средств разработки, а именно редактора (для создания страниц) и браузера (для их тестирования), мы с вами приступаем непосредственно к рассмотрению структуры документа XHTML.

Первое, что вы должны узнать об XHTML документах, это то, что они являются обыкновенными текстовыми файлами, содержащими специальные текстовые метки, называемые элементами разметки. Набор этих меток составляет структуру XHTML документа и, в общем то, определяет его внешний вид. Набор символов по умолчанию для XHTML документов - UTF-8, однако, ничто не помешает нам воспользоваться и другой кодировкой (о кодировках и их указании речь пойдет в одном из следующих занятий).

Чтобы создать XHTML документ с помощью программы AceHTML 6, воспользуйтесь командой File \ New.... В списке доступных шаблонов выберите XHTML Document. После нажатия кнопки "Ok" вашему вниманию предстанет примерно такая структура:

Листинг №1.4.1: Простой XHTML документ

xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Simple XHTMl Document</title>
 </head>
 <body>
 <h1>Простой документ</h1>
 <p>
 Документ, который вы видите, представляет собой 
 простой XHTML документ, содержащий один заголовок и 
 один абзац текста...
 </p>
 </body>
</html>

Если "выбросить" из приведенного документа все, что располагается между <body> и </body>, то, что останется, и будет "скелетом" любого XHTML документа.

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

XML декларация

xml version="1.0" encoding="utf-8"?>

Этот элемент присутствует в любом XML документе, каким так же является и XHTML документ. Декларация XML указывает браузеру на то, что данный документ построен в соответствии с синтаксисом XML разметки версии 1.0 и использует набор символов utf-8. В общем случае, xml декларацию можно не указывать, так как кодировкой символов по умолчанию для документов XHTML является именно utf-8. Однако, при использовании альтернативной кодировки (например windows-1251), указывать xml декларацию необходимо.

Определение Типа Документа (DTD)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

DTD, или Определение Типа Документа (Document Type Definition), является еще одной неотъемлимой частью документов XML. Объявление <!DOCTYPE...> указывает браузеру, какой набор элементов разметки может быть использован в данном документе.

Созданный в примере выше XHTML документ соответствует спецификации XHTML 1.1.

Корневой элемент - `<html>`

В соответствии с синтаксисом XML, любой документ должет иметь единственный элемент верхнего уровня, в который должны быть вложенны остальные элементы. Для XHTML документов роль корневого играет элемент <html> ... </html>. В него вкладываются остальные элементы, такие как <head> - раздел заголовка и <body> - тело, содержательная часть документа.

Раздел заголовка - `<head>`

В разделе заголовка обычно размещают информацию, характеризующую страницу в целом. Как то:

Создание заголовка страницы
Указание кодировки страницы
Перечисление ключевых слов, помогающих поисковым системам проиндексировать вашу страницу
Описание или подключение таблиц стилей и сценариев

Заголовок страницы можно указать при помощи элемента <title>. Например так:

<head>
 <title>Текст заголовка страницы</title>
 ...
</head>

Этот текст используется различными браузерами по разному. MSIE отображает его в заголовке окна браузера, а Firefox и Opera - в виде названия вкладки, на которой загружена страницы:

Подбор краткого и информативного заголовка обеспечивает более быструю и простую ориентацию пользователя среди большого количества одновременно просматриваемых документов.

С остальными элементами раздела заголовка вы познакомитесь по мере освоения курса.

Тело документа - `<body>`

Тело документа представляет собой то, ради чего создается документ - его содержательную часть, то, что увидит конечный пользователь на странице. Здесь происходит разбиение текста страницы на структурные блоки (заголовки и абзацы), выполняется вставка изображений, таблиц, списков и прочих элементов содержания.

В приведенном выше примере документ содержит заголовок 1-го уровня ("h1") и абзац ("p").

Категория: HTML | Добавил: slava (18.07.2009)

Просмотров: 2030 | Рейтинг: 0.0/0

Всего комментариев: 0

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]

XML декларация

Определение Типа Документа (DTD)

Корневой элемент - <html>

Раздел заголовка - <head>

Тело документа - <body>

Корневой элемент - `<html>`

Раздел заголовка - `<head>`

Тело документа - `<body>`