О спецификации HTML 4.0

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


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

id = name

Этот атрибут назначает элементу имя. Имя в пределах документа должно быть уникальным.

class = cdata-list

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

Атрибут назначает элементу уникальный идентификатор (который может проверяться синтаксическим анализатором SGML). Например, следующие абзацы распознаются по значениям их атрибутов :

<P id="myparagraph"> Этот абзац имеет уникальное имя.</P> <P id="yourparagraph"> Этот абзац тоже имеет уникальное имя.</P>

Атрибут имеет в HTML несколько ролей:

  • Способ выбора .

  • Назначение цели для гипертекстовых ссылок.

  • Средство ссылки на определенный элемент сценария.

  • Имя объявленного объекта .

  • В целях обработки агентами пользователей (например. для полей идентификации при извлечении данных из страниц HTML в базу данных, преобразовании документов HTML в другие форматы и т.д.).



    • Атрибут , с другой стороны, назначает одно или несколько имен классов элементу; при этом элемент может называться принадлежащим к этим классам. Имя класса может использоваться несколькими экземплярами элемента. Атрибут имеет в HTML несколько ролей:

  • Способ выбора (когда автор хочет назначить информацию о стиле набору элементов).

  • Для общей обработки агентами пользователей.

    • Далее элемент example используется вместе с атрибутами и для пометки сообщений документа. Сообщения отображаются в английской и русской версиях.

    <!-- английские сообщения --> <P><SPAN id="msg1" class="info" lang="en">Variable declared twice</SPAN> <P><SPAN id="msg2" class="warning" lang="en">Undeclared variable</SPAN> <P><SPAN id="msg3" class="error" lang="en">Bad syntax for variable name</SPAN>

    <!-- русские сообщений --> <P><SPAN id="msg1" class="info" lang="fr">Переменная объявлена дважды</SPAN> <P><SPAN id="msg2" class="warning" lang="fr">Переменная не объявлена</SPAN> <P><SPAN id="msg3" class="error" lang="fr">Синтаксическая ошибка в имени переменной</SPAN>


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

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

    Помните, что русской "msg1" и английское "msg1" не могут отображаться в одном документе, поскольку они используют одно и то же значение атрибута . Авторы могут извлечь дальнейшую пользу, используя атрибут для усовершенствования представления отдельных сообщений, указания их в качестве целей (якорей) и т.д.

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

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

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

    </PRE> </BODY>

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

    Примечание. Атрибут использует одно пространство имен с атрибутом name, если он используется для имен якорей. Подробнее см. в разделе о .


    Содержание раздела