Принципи гіпертекстової розмітки

HTML є описовим мовою розмітки документів, в ньому використовуються покажчики розмітки (теги). Тегів модель описує документ як сукупність контейнерів, кожен з яких починається і закінчується тегами, тобто документ НТМL представляє собою не що інше, як звичайний АSСII-файл, з доданими до нього керуючими НТМL-кодами (тегами). Оскільки HTML стався від SGML, в ньому дозволено використовувати тільки три керуючих символу: горизонтальну табуляцію, переклад каретки і переклад рядка. Це полегшує взаємодію з різними операційними системами.

Теги НТМL-документів в більшості своїй прості і зрозумілі, бо вони утворені за допомогою загальновживаних слів англійської мови, зрозумілих скорочень і позначень. НТМL-тег складається з імені, за яким може слідувати необов'язковий список атрибутів тега. Текст тега полягає в кутові дужки ("<" і ">"). Найпростіший варіант тега - ім'я, укладену в кутові дужки, наприклад, <HEAD> або <I>. Для ряду тегів характерна наявність атрибутів, які можуть мати конкретні значення, що встановлюються автором для зміни функції тега.

Наприклад, при описі таблиці відкриває тег з атрибутами може виглядати так:

<TABLE WIDTH = 570 ALIGN = center CELLPADDING = 10

      CELLSPACIN G = 2 BORDER = 16 >

Цей запис означає наступне: таблиця шириною 570 пікселів, вирівняна по центру, полі між рамкою і вмістом осередків 10 пікселів, поле рамки 2 пікселя, ширина бордюру 16 пікселів.

Атрибути тега слідують за ім'ям і відокремлюються одне від одного одним або декількома знаками табуляції, пробілами або символами повернення до початку рядка. Порядок запису атрибутів в тезі значення не має. Значення атрибуту, якщо таке є, слід за знаком рівності, хто стоїть після імені атрибута. Якщо значення атрибуту - одне слово або число, то його можна просто вказати після знаку рівності, не виділяючи додатково. Всі інші значення необхідно укладати в одинарні або подвійні лапки, особливо якщо вони містять кілька розділених пробілами слів. Довжина значення атрибуту обмежена 1024 символами. Регістр символів у іменах тегів і атрибутів не враховується, чого не можна сказати про значення атрибутів. Наприклад, особливо важливо використовувати потрібний регістр при введенні URL (Uniform Resource Locator, уніфікований покажчик ресурсу) інших документів в якості значення атрибуту HREF.

Найчастіше елементи розмітки HTML або HTML-контейнери складаються з початкового і кінцевого компонентів, між якими розміщуються текст та інші елементи документа. Ім'я кінцевого тега ідентично імені початкового, але перед ім'ям кінцевого тега ставиться коса риса (/) (наприклад, для тега стилю шрифту - курсив <I> закриває пара представляє собою </ I>, для тега заголовка <ТIТLЕ> закриває парою буде </ ТIТLЕ>). Кінцеві теги ніколи не містять атрибутів. За своїм значенням теги близькі до поняття дужок "begin / end" в універсальних мовами програмування, які задають області дії імен локальних змінних і т.п. Теги визначають область дії правил інтерпретації текстових документів.

При використанні вкладених елементів розмітки в документі слід дотримуватися особливої акуратність. Вкладені теги потрібно закривати, починаючи з останнього. Деякі елементи розмітки не мають кінцевого компонента, оскільки є автономними елементами. Наприклад, тег зображення <IMG>, який служить для вставки в документ графічного зображення, кінцевого компоненту не вимагає. До автономних елементів розмітки також відносяться розрив рядка (<BR>), горизонтальна лінійка (<HR>) і теги, що містять таку інформацію про документ, яка не впливає на його відображуване вміст, наприклад, теги <META> і <BASE>.

У деяких випадках кінцеві теги в документі можна опускати. Більшість браузерів влаштовано так, що при обробці тексту документа початковий тег сприймається як кінцевий тег попереднього. Найпоширеніший тег такого типу - тег абзацу <р>. Оскільки він використовується в документі дуже часто, його зазвичай ставлять тільки на початку кожного абзацу. Коли один абзац закінчується, наступний тег <Р> сигналізує браузеру про те, що потрібно завершити цей абзац і почати наступний. Більшість авторів тегом кінця абзацу не користуються.

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

Для стислості та образності ми будемо в ряді випадків замість словосполучення "елемент розмітки" застосовувати термін "контейнер".

Загальна схема побудови контейнера у форматі HTML може бути записана в наступному вигляді:

"контейнер" = <"ім'я тега" "список атрибутів">

зміст контейнера

</ "ім'я тега">

Слід відзначити, що в літературі крім терміна "контейнер" ще використовується і термін "елемент". Слід бути уважним, щоб не плутати контейнер (наприклад, BODY) та теги (BODY), використовуваний при формуванні контейнера.

Крім тегів, елементами HTML є CER (Character Entity Reference), вони призначені для представлення спеціальних символів в документі HTML, які можуть бути невірно оброблені браузером. Припустимо, створюється документ HTML, мова в якому йде про елементи цієї мови. Якщо вказати ім'я тега <BODY> просто в документі, браузер може сприйняти його як безпосередньо старт-тег. Для виведення таких символів і використовується CER.

Наприклад, щоб представити символ "<" в документі HTML, потрібно замінити його на <, а символ ">" - на>. Тобто, якщо вказати в тексті HTML рядок <BODY>, вона буде виглядати на екрані як текст <BODY>.

Може виникнути питання: як бути з символами "</>", "&" і зі спеціальними символами, типу знака наголосу ? Можна виводити їх, використовуючи відповідні CER, наприклад для "&" це буде &, і т. д.

CER легко виявити, якщо подивитися на структуру будь-якого документа HTML, оскільки кожен з них починається з амперсанда "&". На відміну від найменувань тегів HTML, найменування CER чутливі до регістру символів. Також найменування CER можуть задаватися у вигляді імені, а за допомогою тризначних кодів символів у вигляді & # nnn;.