ИНФОРМАЦИЯ,    ДИЗАЙН,    ПЕРЕВОДЫ,    РЕКЛАМА   .   .   .
w a p - с а й т
Информационный портал
Сегодня:  
admin@aranea.ru
+79068922256

  aranea.ru || Спецификация HTML 4.01 | 10. Списки

10. Списки

10.3. Списки определений: элементы DL, DT и DD

10.3.1. Визуализация списков
<!-- definition lists - DT for term, DD for its definition -->

<!ELEMENT DL - - (DT|DD)+              -- definition list -->
<!ATTLIST DL
  %attrs;                              -- %coreattrs, %i18n, %events --
  >

Начальный тег: обязательный, конечный тег: обязательный

<!ELEMENT DT - O (%inline;)*           -- definition term -->
<!ELEMENT DD - O (%flow;)*             -- definition description -->
<!ATTLIST (DT|DD)
  %attrs;                              -- %coreattrs, %i18n, %events --
  >

Начальный тег: обязательный, конечный тег: факультативный

Атрибуты, определенные в другом месте

  • id, class
  • lang, dir
  • title
  • style
  • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

Список определений варьирует только от одного типа к другому, в которых пункты списков состоят из двух частей: термин и описание. Термин определяется элементом DT, и ограничивается внутристрочным содержанием. Описание определяется элементом DD, который содержит блочное содержание.

Пример:

  
<DL>
  <DT>Dweeb
  <DD>young excitable person who may mature
    into a <EM>Nerd</EM> or <EM>Geek</EM>

  <DT>Hacker
  <DD>a clever programmer

  <DT>Nerd
  <DD>technically bright but socially inept person

</DL>

Ниже приведен пример множественных терминов и описаний:

<DL>
   <DT>Center
   <DT>Centre
   <DD> A point equidistant from all points
              on the surface of a sphere.
   <DD> In some field sports, the player who
              holds the middle position on the field, court,
              or forward line.
</DL>

Другое применение DL, например, - создание диалогов, где DT определяет говорящего, а каждый элемент DD содержит его/ее слова.

10.3.1 Визуализация списков

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

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

Для обоих элементов OL и UL, атрибут type определяет варианты визуализации в устройстве вывода.

Для элемента UL возможные значения атрибута type: disc, square, and circle. Значение по умолчанию зависит от уровня вложения текущего списка. Эти значения не чувствительны к регистру.

Как каждое значение представляется, зависит от устройства вывода. Устройствам вывода следует представлять "disc" как маленький заполненный кружок, "circle" как маленький кружок, а "square" как маленький квадрат.

Графическое устройство вывода может визуализировать:

• для значения "disc"
◦ для значения "circle"
▪ для значения "square"

Для элемента OL возможные значения для атрибута type суммированы в таблице, указанной ниже (они чувствительны к регистру):

Type Numbering style
1 Арабские числа 1, 2, 3, ...
a Буквы, нижний регистр a, b, c, ...
A Буквы, верхний регистр A, B, C, ...
i Римские числа, нижний регистр i, ii, iii, ...
I Римские числа, верхний регистр I, II, III, ...

Обратите внимание на то, что атрибут type является устаревающим (deprecated), а стилями списков следует управлять через стилевые таблицы.

Например, используя CSS, можно определить, что стиль чисел для элементов в нумерованном списке должны быть римскими числами в нижнем регистре. В цитате ниже каждый элемент OL, принадлежащий классу "withroman", будет иметь римские числа перед пунктами этого списка.

<STYLE type="text/css">
OL.withroman { list-style-type: lower-roman }
</STYLE>
<BODY>
<OL class="withroman">
<LI> Step one ...  
<LI> Step two ...
</OL>
</BODY>

Визуализация списка определений тоже зависит от устройства вывода. Например:

<DL>
  <DT>Dweeb
  <DD>young excitable person who may mature
    into a <EM>Nerd</EM> or <EM>Geek</EM>

  <DT>Hacker
  <DD>a clever programmer

  <DT>Nerd
  <DD>technically bright but socially inept person
</DL>

должно визуализироваться следующим образом:

Dweeb
       young excitable person who may mature into a Nerd or Geek
Hacker
       a clever programmer
Nerd
       technically bright but socially inept person

← Назад | Вперед →
Copyright © 2006 -  aranea.ru