|
» Язык
Java Script
» Главная
страница
» Вернуться
к содержанию
Принципы гипертекстовой разметки.
Структура документов
За основу модели разметки
документов в HTML принята таговая модель. Таговая модель описывает
документ как совокупность контейнеров, каждый из которых начинается и
заканчивается тагами. Т.е. документ НТМL представляет собой не что иное, как
обычный АSСII-файл, с добавленными в него управляющими НТМL-кодами (тагами).
Таги НТМL-документов в
большинстве своем просты для понимания и использования, ибо они образованы с
помощью общеупотребительных слов английского языка, понятных сокращений и
обозначений. НТМL-таг состоит из имени, за которым может следовать
необязательный список атрибутов тага. Текст тага заключается в угловые скобки
(< и >). Простейший вариант тага - имя, заключенное в угловые скобки, например
<HEAD> или <i>. Для более сложных тагов характерно различие
атрибутов, которые могут иметь конкретные значения, определенные автором для
видоизменения функции тага.
Атрибуты тага следуют за
именем и отделяются друг от друга одним или несколькими знаками табуляции,
пробелами или символами возврата к началу строки. Порядок записи атрибутов в
таге значения не имеет. Значение атрибута, если таковое имеется, следует за
знаком равенства, стоящим после имени атрибута. Если значение атрибута - одно
слово или число, то его можно просто указать после знака равенства, не выделяя
дополнительно. Все остальные значения необходимо заключать в одинарные или
двойные кавычки, особенно если они содержат несколько разделенных пробелами
слов. Длина значения атрибута ограничена 1024 символами. Регистр символов в
именах тагов и атрибутов не учитывается, чего нельзя сказать о значениях
атрибутов. Например, особенно важно использовать нужный регистр при вводе URL
других документов в качестве значения атрибута HREF.
Чаще всего НТМL-таги
состоят из начального и конечного компонентов, между которыми размещаются текст
и другие элементы документа. Имя конечного тага идентично имени начального, но
перед именем конечного тага ставится косая черта (/) (например, для тага стиля
шрифта - курсив <i> закрывающая пара представляет собой </i>, для
тага заголовка <ТIТLЕ> закрывающей парой будет </ТIТLЕ>). Конечные
таги никогда не содержат атрибутов. По своему значению таги близки к понятию
скобок "begin/end" в универсальных языках программирования, которые
задают области действия имен локальных переменных и т. п. Таги определяют
область действия правил интерпретации текстовых тагов документа.
При использовании
вложенных тагов в документе следует соблюдать особую аккуратность. Вложенные
таги нужно закрывать, начиная с самого последнего и двигаясь к первому.
Некоторые НТМL-таги не имеют конечного компонента, поскольку они являются
автономными элементами. Например, таг изображения <IMG>, который служит
для вставки в документ графического изображения, конечного компонента не
требует. К автономным тагам также относятся разрыв строки (<BR>),
горизонтальная линейка (<HR>) и таги, содержащие такую информацию о
документе, которая не влияет на его отображаемое содержимое, например таги
<META> и <BASE>.
В некоторых случаях
конечные таги в документе можно опускать. Большинство броузеров реализованы
так, что при обработке текста документа начальный таг воспринимается как
конечный таг предыдущего. Самый распространенный таг такого типа - таг абзаца
<Р>. Поскольку он используется в документе очень часто, то его обычно
ставят только в начале каждого абзаца. Когда один абзац заканчивается,
следуюший таг <Р> сигнализирует броузеру о том, что нужно завершить
данный абзац и начать следующий. Большинство авторов тагом конца абзаца вообще
не пользуются.
Есть и другие конечные
таги, без которых броузеры отлично работают, например конечный таг
</HTML>. Тем не менее, рекомендуется включать по возможности больше
конечных тагов, чтобы избежать путаницы и ошибок при воспроизведении документа.
Общая схема построения
контейнера в формате HTML может быть записана в следующем виде:
"контейнер" := <"имя тага" "список атрибутов">
содержание контейнера </"имя тага">
Следующий
урок
|
