Краткий курс HTML 5

9. Списки

Стандартом HTML предлагается выбор из трех типов списков. Все они являются составными конструкциями и формируются с помощью структурных тегов. Первые два типа — это нумерованный и ненумерованный списки. Обозначаются они парными тегами <ol> и <ul> соответственно. Пункты списка располагаются внутри этих тегов в элементах <li>, следующих друг за другом.

<ul>
   <li>Кофе</li>
   <li>Чай</li>
   <li>Молоко</li>
</ul>

Элементы нумерованного списка, как и следует из названия, автоматически нумеруются последовательными числами, начиная с единицы. Чтобы изменить стартовое значение, необходимо указать его в атрибуте start тега <ol>. В HTML 5 появилась возможность изменить направления счета на обратное с помощью атрибута reversed="reversed", а также указать тип нумерации в значении атрибута type:

1 — числа (1, 2, 3, 4) (по умолчанию)
a — латинские буквы, нижний регистра (a, b, c, d)
A — латинские буква, верхний регистр (A, B, C, D)
i — римские числа, нижний регистр (i, ii, iii, iv)
I — римские числа, верхний регистр (I, II, III, IV)
<ol start="15" reversed="reversed">
   <li>Abbey Lee Kershaw</li>
   <li>Agyness Deyn</li>
   <li>Caroline Trentini</li>
</ol>

Третий тип списков предназначен для терминов с определениями и обозначается тегом <dl>. Каждому пункту такого списка соответствуют элементы <dt>, внутри которого помещается термин, и <dd> для самого определения.

<dl>
   <dt>Кофе</dt>
   <dd>Черный горячий напиток</dd>
   <dt>Молоко</dt>
   <dd>Белый холодный напиток</dd>
</dl>

Оставить комментарий