< на главную

Общий вид списков:
<ul>
  <li> ... </li>
  <li> ... </li>
  . . . . . . . 
</ul>
Текст до списка
  • элемент
  • элемент
  • элемент
Текст после списка
Неупорядоченный (маркированный) список

ul - unordered list - англ. неупорядоченный список
li - list item - англ. пункт списка
<оl>
  <li> ... </li>
  <li> ... </li>
  . . . . . . .
</оl>
Текст до списка
  1. элемент
  2. элемент
  3. элемент
Текст после списка
Упорядоченный (нумерованный) список

оl - ordered list - англ. упорядоченный список
li - list item - англ. пункт списка
<dl>
  <dt> ... </dt>
      <dd> ... </dd>
  <dt> ... </dt>
      <dd> ... </dd>
  . . . . . . . 
</dl>
Текст до списка
термин
описание
термин
описание
Текст после списка
Список определений

dl - definition list - англ. список определений
dt - definition term - англ. определяемый термин
dd - definition description - англ. определяющее описание
(Здесь приведена полная форма записи. Закрывающие теги </li>, </dt> и </dd> можно упустить, везде в дальнейшем так и будет делаться.)



Специфические атрибуты списков

1. Неупорядоченный список
2. Упорядоченный список




1. Неупорядоченный список

а) type="значение"

Данный атрибут изменяет внешний вид маркера. Может быть вставлен как в дескриптор <ul>, что распространяет его влияние на весь список, так и в отдельный элемент <li>. Возможные значения приведены ниже:
<ul>
  <li  type=disc> ...
  <li  type=circle> ...
  <li  type=square> ...
</ul>
  • disc - англ. диск
  • circle - англ. круг
  • square - англ. квадрат

По умолчанию используется disc. Если несколько списков вложены друг в друга и значение атрибута явно не указано, то для второго уровня вложенности обычно используется circle, а для третьего и дальнейших - square.
к оглавлению




2. Упорядоченный список

а) type="значение"

Позволяет изменить способ нумерации. Всего существует 5 вариантов, см. таблицу. Может быть применён как ко всему списку, так и к отдельным элементам (если, к примеру, Вам захочется, чтобы значимые пункты нумеровались прописной буквой, а малозначимые - строчной).
<ol  type=1>
  <li> ... </li>
  <li> ... </li>
  <li> ... </li>
</ol>
  1. элемент списка
  2. элемент списка
  3. элемент списка
  4. элемент списка
Арабские цифры
(по умолчинию)
<ol  type=i>
  <li> ... </li>
  <li> ... </li>
  <li> ... </li>
</ol>
  1. элемент списка
  2. элемент списка
  3. элемент списка
  4. элемент списка
Римские цифры в нижнем регистре
<ol  type=I>
  <li> ... </li>
  <li> ... </li>
  <li> ... </li>
</ol>
  1. элемент списка
  2. элемент списка
  3. элемент списка
  4. элемент списка
Римские цифры в верхнем регистре
<ol  type=a>
  <li> ... </li>
  <li> ... </li>
  <li> ... </li>
</ol>
  1. элемент списка
  2. элемент списка
  3. элемент списка
  4. элемент списка
Строчные латинские буквы
<ol  type=A>
  <li> ... </li>
  <li> ... </li>
  <li> ... </li>
</ol>
  1. элемент списка
  2. элемент списка
  3. элемент списка
  4. элемент списка
Прописные латинские буквы



б) start="цифра"

Позволяет начать нумерация списка не сначала, а с какого-то другого значения. Может быть вставлен только в дескриптор <ol>, а атрибуту в качестве значения может присваиваться только число (даже если нумерация идёт буквами - в этом случае цифра означает порядковый номер символа в алфавите). Пример:
<ol type=A  start=4>
  <li> ...
  <li> ...
  <li type=a> ...
  <li type=a> ...
</ol>
  1. элемент
  2. элемент
  3. элемент
  4. элемент



в) value="цифра"

Позволяет изменить порядок нумерации, начиная с определённого элемента списка. Вставляется в дескриптор <li>, а в остальном схож с рассмотренным чуть выше атрибутом start. Приведу пример, а заодно попутно отмечу, что в случае использования латинского алфавита пункты, начинающиеся с 27-го, нумеруются двумя буквами (с 703 - тремя):
<ol type=a>
  <li> ...
  <li> ...
  <li  value=25> ...
  <li> ...
  <li> ...
  <li> ...
</ol>
  1. элемент
  2. элемент
  3. элемент
  4. элемент
  5. элемент
  6. элемент



< на главную к оглавлению



- Ещё я вычитала об атрибуте compact, который, по идее, должен принуждать браузеры отображать списки более компактно. Но основные браузеры его не поддерживают (испытала на IE7, Mozilla 1.7, Opera9 и Netscape 8.1), поэтому решила его не рассматривать.
- Также к спискам могут быть применены атрибуты title, tabindex и contenteditable, рассмотренные в разделе о модификации текста.
- Нестандартное применение неупорядоченных списков - для создания отступов абзацев. К примеру: <ul><ul> ...текст... </ul></ul>