содержимое

Обратите внимание, что

  1. данный документ является переводом документа «The global structure of an HTML document» и на данный момент находится на стадии перевода;
  2. данный документ может содержать неточности, опечатки и ошибки перевода;
  3. официальным документом по данной тематике является оригинальный документ на английском языке, расположенный на сайте W3C.

7 Глобальная структура HTML документа

Contents

  1. Информация о версии HTML
  2. Голова документа
    1. Атрибут title
  3. Тело документа
    1. Идентификаторы элемента: атрибуты id и class


* * *

7.2 Информация о версии HTML

В валидном HTML документе указывается версия HTML, которая используется в документе. Тип документа объявляется в названиях определяющих тип документа (ОТД) и используемых в данном документе (смотрите [ISO8879]).

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

URI в каждом подобном объявлении типа документа позволяет агентам пользователей загрузить DTD и любые наборы сущностей . Следующие (относительные) URI обращаются к ОТД и наборам сущностей для HTML 4:

Связь между общими идентификаторами и файлами можно задать с помощью файла каталога в соответствии с форматом, рекомендованным Oasis Open Consortium (смотрим [OASISOPEN]). Пример файла каталога для HTML 4.01 находится в начале раздела справочной информации SGML для HTML. Последние две буквы в декларации указывают язык ОТД. Для HTML, это всегда английский («EN»).

Примечание. По состоянию на 24 декабря для версии HTML 4.01, Рабочая группа HTML придерживается следующей политики:

Это означает, что в объявлении типа документа, авторы могут смело использовать системный идентификатор, который относится к последней версии HTML 4 ОТД. Авторы могут так же использовать системный идентификатор, который относится к определённой (устаревшей) версии HTML 4 ОТД, когда это требуется для валидности определённого ОТД. W3C будет прилагать все усилия, чтобы сделать архивные документы доступными на неопределённый срок, расположенными по первоначальному адресу, в изначальном виде.


* * *

7.4.3 Атрибут title

Определения атрибутов

title = текст [CS]
Этот атрибут устанавливает консультативную информацию об элементе, для которого он установлен.

В отличие от элемента TITLE, который предоставляет информацию обо всём документе и может появиться только один раз, атрибут title может комментировать любое количество элементов. Пожалуйста, обращайте внимание на возможность элементов поддерживать данный атрибут.

Значения атрибута title может быть отображено агентами пользователей в различных направлениях {различными способами}. Например, визуальные браузеры часто отображают title как «подсказку» (короткое сообщение, которое появляется, когда указательное устройство останавливается над объектом). Аудио браузеры могут озвучить информацию в title в подобном контексте. Например, установление данного атрибута на ссылку позволяет web-браузерам (визуальным и не визуальным) сообщить пользователям о характере указанного ресурса:

...какой-то текст...
Вот фото о 
<A href="http://someplace.com/neatstuff.gif" title="Моё подводное плавание">
   моём подводном плавании прошлым летом
</A>
...ещё текст...

Атрибут title при использовании в элементе LINK выполняет дополнительную роль ‒ обозначает внешнюю таблицу стилей. Пожалуйста, для получения большей информации обратитесь к разделу о ссылках и таблицах стилей.

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


* * *

7.5.2 Идентификаторы элемента: атрибуты id и class

Определения атрибутов

id = имя [CS]
Этот атрибут устанавливает имя элемента. Это имя должно быть уникальным в документе.
class = cdata-список [CS]
Этот атрибут присваивает имя класса или набор имён класса элементу. Любому количеству элементов может быть присвоено одно и то же имя или набор имён класса. При этом если элементу задаётся несколько имён классов, то они отделяются друг от друга пробельным символом.
Атрибут id присваивает элементу уникальный идентификатор (который может быть проверен с помощью анализатора синтаксиса SGML). Например, следующие абзацы отличаются своими значениями id:
<P id="myparagraph"> Этому абзацу задано уникальное имя.</P>
<P id="yourparagraph"> Этому абзацу также задано уникальное имя.</P>

Атрибут id выполняет несколько ролей в HTML:

Атрибут class одновременно может устанавливать один или несколько имён класса для элемента; можно сказать, что элемент принадлежит к этим классам. Одно и то же название класса может принадлежать нескольких элементам одновременно. Атрибут class выполняет несколько ролей в HTML:

В следующем примере элемент SPAN используется совместно с атрибутами id и class для разметки сообщений в документе. Сообщения отображаются на русском и английском языке.

<!-- Сообщения на русском -->
<P><SPAN id="msg1" class="info" lang="ru">Переменная обявлена дважды</SPAN>
<P><SPAN id="msg2" class="warning" lang="ru">Необъявленная переменная</SPAN>
<P><SPAN id="msg3" class="error" lang="ru">Плохой синтаксис для имени переменной</SPAN>
<!-- Сообщения на французском -->
<P><SPAN id="msg1" class="info" lang="fr">Variable d&eacute;clar&eacute;e deux fois</SPAN>
<P><SPAN id="msg2" class="warning" lang="fr">Variable ind&eacute;finie</SPAN>
<P><SPAN id="msg3" class="error" lang="fr">Erreur de syntaxe pour variable</SPAN>

Следующие правила CSS стиля будут сообщать web-браузеру, что информационные сообщения необходимо отображать зелёным цветом, предупреждающие сообщения желтым цветом и сообщения об ошибках красным цветом:

SPAN.info    { color: green }
SPAN.warning { color: yellow }
SPAN.error   { color: red }

Обратите внимание, что французская версия «msg1» и русская версия «msg1» не могут появляться в одном и том же документе, так как они имеют одно и то же значение id. Авторы могут в дальнейшем использовать атрибут id для уточнения представленных индивидуальных сообщений, делая их целевыми якорями и так далее.

Практически каждому HTML элементу может быть указан класс и идентификатор.

Предположим, например, что мы пишем документ о языке программирования. Документ будет иметь несколько отформатированных примеров. Мы используем элемент PRE для форматирования примеров. Также мы назначим цвет фона (зелёный) для всех элементов PRE принадлежащих классу «example».

<HEAD>
<TITLE>... название документа ...</TITLE>
<STYLE type="text/css">
PRE.example { background : green }
</STYLE>
</HEAD>
<BODY>
<PRE class="example" id="example-1">
...пример кода...
</PRE>
</BODY>

Установив атрибут id для этого примера, мы можем (1) создать гиперссылку на нее и (2) переопределить стиль заданный с помощью атрибута class.

Примечание. Атрибут id использует то же пространство имён, что и атрибут name, когда он используется для указания имён якорей. Пожалуйста, обратитесь к разделу о якорях с id для получения дополнительной информации.