Списки определений

HTML и XHTML поддерживают также списки определений – конструкции, совершенно отличные от рассмотренных выше упорядоченных и неупорядоченных списков. Устроенные как статьи в толковом словаре или энциклопедии, заполненные текстом, картинками и другими мультимедийными элементами списки определений дают идеальный способ создания глоссариев, набора терминов или других списков с элементами вида имя/значение.

Тег

Список определений заключен между тегами
и
. Внутри этого тега каждый элемент списка состоит из двух частей – термина и следующего за ним определения или объяснения. Вместо тега
  • для выделения элементов используется тег
    (содержащий термин) и следующий за ним тег
    (содержащий определение или объяснение).

    Если только вы не изменили характеристики отображения при помощи таблиц стилей, броузер будет выводить имя термина у левого краядемонстрационного окна, а его определение ниже и с отступом. Если описываемый термин очень короткий (обычно не длиннее трех символов), броузер может поместить первую часть определения на той же
    строке. На рис. 7.8 показано, как броузер отображает нижеследующий XHTML-список определений:

    Common Kumquat Parasites



    Leaf mites

    The leaf mite will ravage the Kumquat tree, stripping it
    of any and all vegetation.

    Trunk dropsy

    This microscopic larvae of the common opossum
    chigger will consume the structural elements of the
    tree trunk, causing it to collapse inward.



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

    или определяя для соответствующих тегов стили, задающие величину интервалов.7.5.1.1.


    Более компактные списки определений Тег

    поддерживает атрибут compact, советующий броузеру представить список как можно компактнее. Немногие броузеры, если вообще такие есть, учтут этот совет. Данный атрибут нежелателен в HTML 4 и XHTML.

    Атрибуты class, dir, event, id, lang, style и title
    Многие атрибуты тега
    должны быть вам уже знакомы. Эти атрибуты дают возможность пометить (id) или назвать (title) содержимое тега, изменить характеристики его отображения (class, style), указать используемый язык (lang) и связанное с ним направление отображения текста (dir), кроме того, множество on-атрибутов позволяют реагировать на инициированные пользователем с помощью мыши и/или клавиатуры события, связанные с содержимым тега. Не все такие атрибуты реализованы в популярных в настоящее время броузерах для этого и многих других тегов.

    Тег

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


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

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

    XHTML, однако, настаивает на его присутствии, поэтому привыкайте включать его в свои документы.7.5.2.1. Форматирование текста при помощи
    На практике броузеры либо чересчур снисходительны, либо слишком молчаливы, чтобы настаивать на исполнении правил, так что некоторые хитроумные HTML-авторы злостно употребляют тег
    для перетаскивания левого поля вправо и влево при отображении текста. (Если вы помните, символы табуляции и ведущие пробелы не влияют на отображение обычного текста.) Мы не одобряем нарушение стандарта HTML, и уж тем более XHTML, и снова предостерегаем вас от уловок в документах. Используйте лучше таблицы стилей.

    Атрибуты class, dir, event, id, lang, style и title
    Тег
    поддерживает стандартный набор HTML 4/XHTML-атрибутов. Эти атрибуты дают возможность пометить (id) или назвать (title) содержимое тега, изменить характеристики отображения его содержимого (class, style), указать используемый язык (lang) и связанное
    с ним направление отображения текста (dir).


    Кроме того, множество on-атрибутов позволяют реагировать на инициированные пользователем с помощью мыши и/или клавиатуры события, связанные с содержимым тега. Не все такие атрибуты реализованы в популярных в настоящее время броузерах для этих и многих других тегов.

    Тег

    Тег
    отмечает начало описания в элементе списка определений. В соответствии со стандартами HTML 4 и XHTML тег
    может встречаться только внутри списка определений, непосредственно следуя за тегом
    и термином. Вслед за тегом
    идет определение или объяснение термина.

    За тегом
    могут следовать любые HTML/XHTML-конструкции, включая другие списки, блоки текста и мультимедийные элементы.Рассматривая все эти компоненты как обыкновенное содержимое тега, броузеры обычно отображают их с отступом. И поскольку начало другого термина, назначенного указанием (
    ), или обязательный закрывающий тег списка
    недвусмысленно прекращают предшествующее определение, в теге
    нет необходимости, и его отсутствие делает исходный текст более пригодным для чтения. Итак, опять и снова: XHTML настаивает на присутствии закрывающих тегов в ваших документах, так что лучше привыкнуть вставлять в них .

    Атрибуты class, dir, event, id, lang, style и title
    Тег
    поддерживает стандартный набор атрибутов.


    Эти атрибуты дают возможность пометить (id) или назвать (title) содержимое тега, изменить характеристики отображения его содержимого (class, style), указать используемый язык (lang) и связанное с ним направление отображения текста (dir). Кроме того, множество on-атрибутов позволяют реагировать на инициированные пользователем с помощью мыши и/или клавиатуры события, связанные с содержимым тега. Не все эти атрибуты реализованы в популярных в настоящее время броузерах для данного и многих других тегов.

    Оцените статью: (0 голосов)
    0 5 0

    Статьи из раздела HTML на эту тему:
    Вложенные списки
    Директории
    Как использовать списки
    Меню
    Неупорядоченные списки

  • Вернуться в раздел: HTML / 7. Форматированные списки