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

Упорядоченные списки маркируются символами, которые позволяют судить об иерархии элементов. Они определяются с помощью элементов ol (ordered list).

<ol> Упорядоченный список: <li>Первый элемент списка</li> <li>Второй элемент списка</li> </ol>

В упорядоченных списках также могут использоваться разные маркеры. По умолчанию применяются арабские цифры. Помимо этого все современные браузеры поддерживают ряд типов маркеров из списка, определенного спецификацией CSS (свойство list‑style-type):

lower-alpha — строчные буквы латинского алфавита (a, b, c, d, e и т.д.),

upper-alpha — заглавные буквы латинского алфавита (A, B, C, D, E и т.д.), 

lower-roman — римские цифры, записанные строчными буквами латинского

алфавита (i, ii, iii, iv, v и т.д.),

upper-roman — римские цифры, записанные заглавными буквами латинского

алфавита (I, II, III, IV, V, и т.д.).

Если используются числовые маркеры, то по умолчанию нумерация элементов начинается с 1. Если документ имеет постраничное представление, то может потребоваться разбить нумерованный список, и поместить его элементы в разные html-файлам. Очевидно, что на новой странице придется создать новый упорядоченный список, но нумерация в нем должна начинаться не с 1, а продолжать нумерацию предыдущей страницы.

Номер для каждого элемента <li> можно задать с помощью атрибута value. Если у следующего элемента атрибут отсутствует, то номер предыдущего элемента будет увеличен на 1.

Замечания.

1. Значение атрибута value — это целое число (>0), записанное арабскими цифрами. Если для списка используются римские цифры, то значение value заменяется этим же числом, записанным римскими цифрами. Если используются буквы латинского алфавита, то value задает порядковый номер буквы в алфавите, причем, если алфавит исчерпан, то используются двухбуквенные обозначения (как для колонок в Excel), т.е. после Z будет следовать AA, AB и т.д.

2. Ранее, чтобы указать начальное значение для номеров элементов списка, предлагалось использовать атрибут start элемента <ol> .

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

ЗАДАНИЕ 6 (создание упорядоченных списков)

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

2. Создать упорядоченный список из пяти элементов, маркерами которых являются римские цифры I, V, X, L, С:

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

В HTML имеется специальный тип списков — списки определений, который может использоваться, например, для создания глоссариев. В таких структурах задается некоторый термин и одно или несколько его определений. Браузеры располагают эти элементы особым образом, что избавляет от необходимости явно программировать переводы строк и отступы:

Для разметки списков этого типа предлагается три тега, имена которых начинаются с буквы d (от definition):

<dl> — список (list) определений термина,

<dt> — термин (term),

<dd> — определение (definition) термина.

Общая структура разметки для определения одного термина:

<dl>

<dt>Теpмин</dt>

<dd> Опpеделение 1 </dd>

<dd> Опpеделение 2</dd>

</dl>

Замечания.

1. Термин и его определения являются элементами одного уровня — дочерними элементами списка <dl>. Этот список может содержать несколько терминов. Браузеры не следят за семантикой разметки, а только по-разному форматируют вывод терминов и определений. Поэтому, например, можно записать подряд несколько терминов без разъяснений.

2. Очевидно, что свойства форматирования списков определений можно использовать для создания двухуровневого меню.

ЗАДАНИЕ 7

С помощью списка определений представить описание значений римских цифр: