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

Документ HTML містить оператори, які можуть займати одну або декілька рядків. Наприклад, оператор прологу <!DOCTYPE> займає один рядок і описує тип документа як HTML версії 3.2 (тут і далі крапки після імені оператора означає, що оператор може мати додаткові параметри). Оператор <HTML> насправді складається з відкриваючого оператора <HTML> і закриваючого оператора </HTML>, між якими розташовані інші оператори.

Розглянемо оператори, використані в нашому найпростішому прикладі, більш детально.

Документ HTML версії 3.2 починається з оператора <!DOCTYPE> наступного вигляду:

<!DOCTYPE HTML PUBLIC ".//W3C//DTD HTML 3.2//EN">

Тут W3C - назва організації, що розробила стандарт. Слово DTD (Document Type Definition) означає визначення типу документа.

Приведені параметри оператора <!DOCTYPE> для мови HTML версії 3.2. Параметри цього оператора для інших версій визначені у відповідних стандартах, доступних через Internet.

Оператор прологу <!DOCTYPE> може бути відсутнім в документах HTML. Такі документи будуть нормально відображатися у вікні навигатора. Однак оператор <!DOCTYPE> може надати допомогу навигатору при відображенні сторінки, оскільки він дозволяє визначити версію мови HTML, використану при підготовці сторінки.

Услід за оператором прологу слідує тіло документа HTML, обмежене операторами <HTML> і </HTML>, як це показане нижче:

<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">

<HTML>

(документ HTML)

</HTML>

Документ HTML складається з двох основних частин - заголовка документа і тіла документа.

2.2.1. Заголовок документа

Заголовок документа виділяється операторами <HEAD> і </HEAD>. Він може містити інші оператори і займати декілька рядків. Тіло документа займає одну або декілька (можливо, досить багато) рядків. Воно виділяється операторами <BODY> і </BODY>.

<!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 3.2//EN">

<HTML>

<HEAD>

(заголовок документа)

</HEAD>

<BODY>

(тіло документа)

</BODY>

</HTML>

Ця структура нескладна. У нашому першому документі HTML заголовок складається усього з одного рядка:

<TITLE>XYZ Incorporation</TITLE>

За допомогою операторів <TITLE> і </TITLE> тут задається рядок заголовка сторінки, який відображається в заголовку головного вікна навигатора (див. мал. 2.1). Кожний документ HTML повинен мати рядок заголовка, визначений вказаним вище способом. Цей рядок ідентифікує документ і відображається навигатором не тільки в заголовку головного вікна, але і в інших місцях, наприклад в списку відвіданих сторінок.

Чи Є обмеження на розмір рядка заголовка документа?

У стандарті не сказано про існування таких обмежень, однак, якщо видалений користувач працює у відеорежим з низьким дозволом (наприклад, 640 х 480 пікселів), довгий рядок заголовка сторінки може не вміститися в заголовку вікна.

Заголовок документа може містити крім оператора <TITLE> і інші оператори, які, elen розглянуті пізніше. Однак оператор <TITLE> є обов'язковим для будь-якого документа.

2.2.2. Тіло документа

На відміну від заголовка тіло документа HTML, обмежене операторами <BODY> і </BODY>, відображається у внутрішній області вікна навигатора.

У нашому найпростішому прикладі тіло складається усього з одного вітального рядка:

<BODY>

Ласкаво просимо в мир серверів WWW!

</BODY>

Як видно з мал. 2.1, цей рядок відображається у вікні навигатора, выровненной вздовж лівому кордону цього вікна. За допомогою численних операторів, які будуть розглянуті в курсі, ви зможете змінити вирівнювання рядка, зображення і колір символів, розмір шрифту і багато які Інші атрибути.

Крім звичайних текстових рядків в тілі документа можуть розташовуватися таблиці, графічні зображення, посилання на інші сторінки і т.д. - словом, все, що ви можете знайти на сторінках серверів WWW.