Перейти к первому, предыдущему, следующему, последнему разделу, оглавлению.


ProgrammerBook.ru: Обратите внимание, что

  1. данный документ является переводом документа «Hypertext Markup Language - 2.0 - Document Structure»;
  2. данный документ может содержать неточности, опечатки и ошибки перевода;
  3. официальным документом по данной тематике является оригинальный документ на английском языке, расположенный на сайте W3C.

Структура Документа

HTML документ представляет собой дерево элементов, включающее голову и тело, заголовки, абзацы, списки и т.д. Элементы формы рассматриваются в разделе Формы.

Элемент Документа: HTML

Элемент HTML документа включает в себя голову и тело, так же, как памятка или сообщение электронной почты. Голова содержит название и дополнительные элементы. Тело представляет собой поток текста, состоящий из абзацев, списков и других элементов.

Голова: HEAD

Голова HTML документа представляет собой неупорядоченную коллекцию информации о документе. Например:

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
<HEAD>
<TITLE>Введение в HTML</TITLE>
</HEAD>
...

Название: TITLE

Каждый HTML документ должен содержать элемент TITLE.

Названию следует идентифицировать содержимое документа в глобальном контексте. Краткое название, например, такое как «Введение» может быть бессмысленным вне контекста. А вот такое название, как «Введение в HTML элементы» является более уместным. (12)

Агент пользователя может отображать название документа в списке истории или в качестве метки окна, отображающего документ. Данный элемент отличается от заголовков (раздел Заголовки: H1 ... H6), которые обычно отображаются в потоке текста тела документа.

Базовый Адрес: BASE

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

Индекс Ключевых Слов: ISINDEX

Элемент ISINDEX указывает на то, что агенту пользователя следует позволить пользователю искать индекс указывая ключевые слова. Смотрите раздел Запросы и Индексы для получения более подробной информации.

Ссылка: LINK

Элемент LINK репрезентирует гиперссылку (смотрите раздел Гиперссылки). В элементе HEAD HTML документа может быть указано любое количество элементов LINK. Он имеет те же атрибуты, что и элемент A (смотрите раздел Якорь: A).

Элемент LINK обычно используется для указания авторства, связанных индексов и глоссариев, более старых или более поздних версий, иерархии документов, связанных ресурсов, таких как таблицы стилей и т.д.

Связанная Мета-информация: META

Элемент META представляет собой расширяемый контейнер, используемый для определения специализированной мета-информации документа. Мета-информация имеет две основные функции:

Каждый META элемент определяет пару имя/значение. Если несколько META элементов предоставляются с тем же именем, то их совокупное содержимое--объединяемое как разделённый запятыми список--это значение, связанное с этим именем. (13)

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

Атрибуты META элемента:

HTTP-EQUIV
связывает элемент с полем HTTP заголовка. HTTP сервер может использовать эту информацию для обработки документа. В частности, он может включать поле заголовка в ответы на запросы для этого документа: имя заголовка берётся из значения HTTP-EQUIV атрибута, а значение заголовка берётся из значения атрибута CONTENT. Имена HTTP заголовков не чувствительны к регистру.
NAME
определяет имя в паре имя/значение. Если он отсутствует, то имя задаётся HTTP-EQUIV.
CONTENT
определяет значение в паре имя/значение.

Примеры

Если документ содержит:

<META HTTP-EQUIV="Expires"
      CONTENT="Tue, 04 Dec 1993 21:29:02 GMT">
<meta http-equiv="Keywords" CONTENT="Fred">
<META HTTP-EQUIV="Reply-to"
      content="fielding@ics.uci.edu (Roy Fielding)">
<Meta Http-equiv="Keywords" CONTENT="Barney">

то сервер может включить следующие поля заголовка:

Expires: Tue, 04 Dec 1993 21:29:02 GMT
Keywords: Fred, Barney
Reply-to: fielding@ics.uci.edu (Roy Fielding)

как часть HTTP ответа на `GET' или `HEAD' запросы для этого документа.

HTTP-сервер не должен использовать META элемент для формирования HTTP заголовка ответа, если присутствует атрибут HTTP-EQUIV.

HTTP-сервер может игнорировать любые META элементы, определяющие информацию, регулируемую HTTP сервером, например, `Server', `Date' и `Last-modified'.

Следующий Id: NEXTID

Элемент NEXTID включён в спецификацию только в силу исторических причин. HTML документам не следует содержать NEXTID элементы.

Элемент NEXTID указывает подсказку, которая в дальнейшем используется в качестве имени нового элемента A, создаваемого в процессе редактирования HTML документа. Этой подсказке следует отличаться от всех значений атрибута NAME в элементах A. Например:

<NEXTID N=Z27>

Тело: BODY

Элемент BODY содержит поток текста документа, включая заголовки, абзацы, списки и т.д.

Например:

<BODY>
<h1>Важные Вещи</h1>
<p>Объяснение о важных вещах...
</BODY>

Заголовки: H1 ... H6

Шесть элементов заголовков, от H1 до H6, обозначают заголовки разделов. Хотя порядок и расположение заголовков не ограничивается ОТД HTML, тем не менее в документах не следует пропускать уровни (например, сразу переходить от H1 к H3), так как преобразование таких документов в другие репрезентации часто является проблематичным.

Пример использования:

<H1>Это заголовок</H1>
Здесь какой-то текст
<H2>Заголовок второго уровня</H2>
Здесь ещё какой-то текст.

Обычное представление:

H1
Полужирный, очень крупный шрифт, выравнивание по центру. Одна или две пустые строки сверху и снизу.
H2
Полужирный, крупный шрифт, выравнивание по левому краю. Одна или две пустые строки сверху и снизу.
H3
Курсив, крупный шрифт, с небольшим отступом от левого края. Одна или две пустые строки сверху и снизу.
H4
Полужирный, обычный шрифт, отступ больше чем в H3. Одна пустая строка сверху и снизу.
H5
Курсив, обычный шрифт, отступы как в H4. Одна пустая строка сверху.
H6
Полужирный, отступ такой же, как и у обычного текста, но больше чем у H5. Одна пустая строка сверху.

Элементы с Блочной Структурой

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

Абзац: P

Элемент P указывает абзац. Точный отступ, пробельное пространство и прочие стилистические параметры абзаца не определены и могут быть определены другими тегами, таблицами стилей и т.д.

Как правило, абзацы окружены вертикальным пробельным пространством размером в одну или половину строки. В некоторых случаях первая строка в абзаце отображается с отступом.

Пример использования:

<H1>Это Заголовок Перед Абзацем</H1>
<P>Это текст первого абзаца.
<P>Это текст второго абзаца. Несмотря на то, что вам не нужно, 
чтобы абзацы начинались на новых строках, поддержка 
этого положения облегчает ведение документов.</P>
<P>Это текст третьего абзаца.</P>

Предотформатированный Текст: PRE

Элемент PRE репрезентирует блок с ячеечным расположением символов текста и предназначен для текста, который был отформатирован для моноширинного шрифта.

Тег PRE может быть использован с дополнительным атрибутом WIDTH. Атрибут WIDTH определяет максимальное количество символов для одной строки и позволяет HTML агенту пользователя выбрать подходящий шрифт и отступы.

В предотформатированном тексте:

Пример использования:

<PRE>
Строка 1.
         Строка 2, справа от строки 1.      <a href="abc">abc</a>
         Строка 3 совпадет со строкой 2.    <a href="def">def</a>
</PRE>

Пример и Листинг: XMP, LISTING

Элементы XMP и LISTING аналогичны элементу PRE, но они имеют другой синтаксис. Их содержимое объявляется как CDATA, что означает, что нет ни какой другой разметки, за исключением конечного тега, признанного открытым ограничителем-в-контексте (см 9.6 «Признание Ограничителем» [SGML]). (18)

Так как CDATA объявленного содержимого имеет ряд неудачных взаимодействий с методами обработки и, как правило, используется и реализуется непоследовательно, HTML документам не следует содержать XMP и LISTING элементов -- тег PRE является более выразительным и поддерживается более последовательно.

Элемент LISTING следует представлять таким образом, чтобы по крайней мере, 132 символа помещались на одной строке. Элемент XMP следует представлять таким образом, чтобы по крайней мере, 80 символов помещались на одной строке, но в остальном он будет идентичен элементу LISTING. (19)

Адрес: ADDRESS

Элемент ADDRESS содержит такую информацию, как адрес, подпись и авторство и указывается часто в начале или в конце тела документа.

Как правило, элемент ADDRESS представляется курсивом, а так же может иметь отступ.

Пример использования:

<ADDRESS>
Редактор бюллетеня<BR>
J.R. Brown<BR>
JimquickPost News, Jimquick, CT 01234<BR>
Тел. (123) 456 7890
</ADDRESS>

Блочная Цитата: BLOCKQUOTE

Элемент BLOCKQUOTE содержит текст, процитированный из другого источника.

Обычное представление предполагает небольшой дополнительный отступ слева и справа, и/или курсивный шрифт. BLOCKQUOTE, как правило, оставляет пустое пространство сверху и снизу цитаты.

С применением одного-шрифта можно представить цитату в стиле Интернет почты, выстроив вертикальную линию графических символов, например, таких как символ «больше чем» (>), с левого края.

Пример использования:

Я думаю, что игра заканчивается словами
<BLOCKQUOTE>
<P>Soft you now, the fair Ophelia. Nymph, in thy orisons, be all 
my sins remembered.
</BLOCKQUOTE>
но я не уверен.

Элементы Списка

HTML включает в себя ряд элементов списка. Они могут быть использованы в сочетании; например, OL может быть вложен в элемент LI, принадлежащий UL.

Атрибут COMPACT предполагает, что список будет представлен в компактном виде.

Неупорядоченный Список: UL, LI

UL репрезентирует список пунктов -- как правило, представляются в виде маркированного списка.

Содержимое элемента UL представляет собой последовательность элементов LI. Например:

<UL>
<LI>Первый пункт списка
<LI>Второй пункт списка
 <p>второй абзац второго пункта
<LI>Третий пункт списка
</UL>

Упорядоченный Список: OL

Элемент OL репрезентирует упорядоченный список пунктов, отсортированных по последовательности или по порядку важности. Он, как правило, представляется как пронумерованный список.

Содержимое элемента OL представляет собой последовательность элементов LI. Например:

<OL>
<LI>Нажмите на веб-кнопку, чтобы открыть URI в окне.
<LI>Введите номер URI в текстовое поле для того, чтобы Открыть URI  
в окне. Будет отображён веб-документ, который Вы указали.
  <ol>
   <li>подэтап 1
   <li>подэтап 2
  </ol>
<LI>Нажмите на выделенный текст, чтобы перейти от одной ссылки к другой.
</OL>

Список Каталогов: DIR

Элемент DIR похож на элемент UL. Он репрезентирует список коротких пунктов, как правило, до 20 символов в каждом. Пункты в списке каталогов могут быть расположены в столбцах с шириной, как правило, в 24 символа.

Содержимое элемента DIR представляет собой последовательность элементов LI. Вкладывание блочных элементов в содержимое элементов DIR не допускается. Например:

<DIR>
<LI>А-З<LI>И-Р
<LI>С-Щ<LI>Ъ-Я
</DIR>

Список Меню: MENU

Элемент MENU представляет собой список пунктов с, как правило, одной строкой в пункте. Стиль списка меню, как правило, более компактен, чем стиль неупорядоченного списка.

Содержимое элемента MENU представляет собой последовательность элементов LI. Вкладывание блочных элементов в содержимое элементов MENU не допускается. Например:

<MENU>
<LI>Первый пункт в списке.
<LI>Второй пункт в списке.
<LI>Третий пункт в списке.
</MENU>

Список Определений: DL, DT, DD

Список определений представляет собой список терминов и соответствующих определений. Термины в списках определений обычно форматируются с утоплением влево и с отступом после термина, а определения форматируются аналогично стилю абзаца.

Содержимое элемента DL представляет собой последовательность элементов DT и/или DD, как правило, представленных попарно. Несколько элементов DT могут быть сопряжены с одним элементом DD. В документах не следует указывать несколько последовательностей элементов DD.

Пример использования:

<DL>
<DT>Термин<DD>Это определение первого термина.
<DT>Термин<DD>Это определение второго термина.
</DL>

Если DT термин не помещается в колонке DT (как правило, одна треть от области отображения), он может быть продлён на полосе с разделом DD, который переместится на следующую строку, или он может быть разбит на последовательные строки в левой колонке.

Дополнительный атрибут COMPACT предполагает, что будет задействовано компактное представление, так как пункты списка являются небольшими и/или весь список большой.

Если атрибут COMPACT присутствует, то HTML агент пользователя может оставить пробельное пространство между последовательными DT, DD парами. Атрибут COMPACT может также уменьшить ширину левой колонки (DT).

<DL COMPACT>
<DT>Термин<DD>Это первое определение в компактном формате.
<DT>Термин<DD>Это второе определение в компактном формате.
</DL>

Выразительная Разметка

Обозначения могут будут размечены в соответствии с идиоматическим использованием, типографическим отображением, или для использования в качестве якорей гиперссылок.

Агенты пользователей должны представлять выделенные обозначения отлично от обычного текста. Кроме того, содержимое EM должно быть представлено отлично от содержимого STRONG, а содержимое B должно представляться отлично от содержимого I.

Элементы обозначения могут быть вложены внутрь других элементов обозначения; однако, HTML агенты пользователей могут отображать вложенные элементы обозначения как не вложенные элементы:

одноцветный <B>полужирный <I>наклонный</I></B> может быть представлен
так же, как и обычный <B>полужирный </B><I>наклонный</I>

Идиоматические Элементы

Обозначения могут быть размечены для указания некоторых идиом. (20)

Цитата: CITE

Элемент CITE используется для указания названия книги или другого упоминания. Он, как правило, представляется курсивом. Например:

Он просто не мог получить достаточно <cite>Гроздей гнева</cite>.

Код: CODE

Элемент CODE указывает пример кода, который, как правило, представляется моноширинным шрифтом. Элемент CODE предназначен для коротких слов или частей кода; для многострочных листингов более подходит структурирующий блочный элемент PRE (раздел Предотформатированный Текст: PRE). Например:

Выражение <code>x += 1</code>
является короткой записью <code>x = x + 1</code>.

Акцентирование: EM

Элемент EM указывает на обозначение акцентирования и, как правило, представлется курсивом. Например:

Исключительный субъект <em>всегда</em> использует глагол в единственном числе.

Клавиатура: KBD

Элемент KBD указывает текст, введённый пользователем, который, как правило, представляется моноширинным шрифтом. Он обычно используется в инструкции по эксплуатации. Например:

Введите <kbd>НАЙТИ</kbd> для поиска в базе данных.

Образец: SAMP

Элемент SAMP указывает последовательность буквенных символов, которая, как правило, представляется моноширинным шрифтом. Например:

Приснилось единственное слово, содержащее буквы  <samp>mt</samp>.

Сильное Акцентирование: STRONG

Элемент STRONG указывает на сильное акцентирование, как правило, представляемое полужирным шрифтом. Например:

<strong>СТОП</strong>, или я скажу «<strong>СТОП</strong>» ещё раз!

Переменная: VAR

Элемент VAR указывает обозначение переменной, как правило, представляемое курсивом. Например:

Тип <SAMP>html-проверки <VAR>файла</VAR> | далее</SAMP>
чтобы проверить <VAR>файл</VAR> на наличие ошибок разметки.

Типографические Элементы

Типографические элементы используются для указания формата размеченного текста.

Обычное представление идиоматических элементов может варьироваться в зависимости от агентов пользователей. Если необходимо определённое представление, -- например, когда речь идёт о конкретном текстовом атрибуте, как в «Курсивные части являются обязательными» -- то возможно использование типографического элемента для обеспечения применения предполагаемой типографики, где это возможно.

(21)

Полужирный: B

Элемент B обозначает полужирный текст. Там, где недоступна полужирная типографика, может быть использовано альтернативное репрезентирование.

Курсивный: I

Элемент I обозначает курсивный текст. Там, где недоступна курсивная типографика, может быть использовано альтернативное репрезентирование.

Телетайп: TT

Элемент TT обозначает телетайп (моноширинный) текст. Там, где недоступен телетайпный шрифт, может быть использовано альтернативное репрезентирование.

Якорь: A

Элемент A обозначает якорь гиперссылки (смотрите раздел Гиперссылки). Следует указывать, по крайней мере, либо NAME, либо HREF атрибут. Атрибуты элемента A:

HREF
задаёт URI-адрес якоря головы гиперссылки.
NAME
Задаёт имя якоря, и делает его доступным в качестве головы гиперссылки.
TITLE
объявляет название для ресурса назначения --- носит чисто рекомендательный характер. Атрибут TITLE может быть использован:
REL
атрибут REL указывает отношение(-я), описывающее гиперссылку. Значение представляет собой список разделённых пробелами имён отношений. В данном документе не указывается семантика отношений ссылок.
REV
похож на REL атрибут, однако, семантика соответствует отношению в обратном направлении. Ссылка из A в B с REL="X" выражает такое же отношение как ссылка из B в A с REV="X". Якорь может иметь как REL, так и REV атрибуты.
URN
определяет предпочтительный, более постоянный идентификатор для якоря головы гиперссылки. Синтаксис и семантика URN атрибута пока не указана.
METHODS
определяет методы, которые будут использоваться при доступе к месту назначения; методы указываются в виде, разделённого пробелами, списка имён. Набор применяемых имён определяется функцией URI схемы в HREF атрибутe. По тем же причинам, что и для атрибута TITLE, может быть полезно заранее включить эту информацию в ссылку. Например, HTML агент пользователя может выбрать другое представление в качестве функции допустимых методов; например, для поиска может быть задан другой значок.

Разрыв Строки: BR

Элемент BR указывает разрыв строки между словами (смотрим раздел Символы, Слова и Абзацы). Например:

<P> Гороховая каша горяча<BR>
Гороховая каша холодна<BR>
В горшочке гороховая каша<BR>
Уж девять дней как.

Горизонтальная Линия: HR

Элемент HR представляет собой разделитель между текстовыми разделами; как правило, представляется в виде горизонтальной линии, занимающей всю ширину или в виде эквивалентной графики. Например:

<HR>
<ADDRESS>8 Февраля, 1995, ЦЕРН</ADDRESS>
</BODY>

Изображение: IMG

Элемент IMG ссылается на изображение или значок с помощью гиперссылки (смотрите раздел Одновременное Представление Ресурсов Изображений).

HTML агенты пользователей могут обрабатывать значение атрибута ALT в качестве альтернативы процессу обработки ресурса изображения, указанного с помощью атрибута SRC. (22)

Атрибуты элемента IMG:

ALIGN
выравнивание изображения относительно базовой линии текста.
ALT
текст, используемый вместо ссылки на ресурс изображения, например, из-за ограничений обработки или предпочтений пользователя.
ISMAP
указывает карту изображения (смотрите раздел Карты Изображений).
SRC
указывает URI-адрес ресурса изображения. (23)

Примеры использования:

<IMG SRC="triangle.xbm" ALT="Внимание:"> Обязательно 
прочитайте эти инструкции.
<a href="http://machine/htbin/imagemap/sample">
<IMG SRC="sample.xbm" ISMAP>
</a>

Перейти к первому, предыдущему, следующему, последнему разделу, оглавлению.