Базовая компоновка документа

Вложенные упорядоченные списки

Упорядоченные списки можно вкладывать друг в друга, при этом подчиненные списки смещаются относительно следующего охватывающего списка. Все вложенные упорядоченные списки используют одну и ту же десятичную систему нумерации, начинающуюся с десятичной 1. Следующий код, например, создает нумерованные списки, показанные в листинге 2.26.

<ol>
  <li>Элемент списка 1</li>
  <li>Элемент списка 2
      <ol>
        <li>Элемент списка 2.1</li>
        <li>Элемент списка 2.2</li>
      </ol>
  </li>
  <li>Элемент списка 3</li>
</ol>

1. Элемент списка 1
2. Элемент списка 2 
	1. Элемент списка 2.1
	2. Элемент списка 2.2
3. Элемент списка 3

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

Исключенные атрибуты type и start

Атрибут type может использоваться внутри открывающего тега <ol>, чтобы определить один из пяти различных символов нумерации. Значением атрибута может быть type="1" для десятичных чисел (по умолчанию), type="A" для букв верхнего регистра, type="a" для букв нижнего регистра, type="I" для римских цифр верхнего регистра и type="i" для римских цифр нижнего регистра. Например, тег ol type="A" порождает следующий список упорядоченных по алфавиту элементов.

A. Элемент списка 1
B. Элемент списка 2
C. Элемент списка 3

Можно определить значение, начинающее последовательность упорядоченного списка, задавая необязательный атрибут start="n" для тега <ol>. Начальное значение последовательности требуется, например, когда упорядоченный список прерывается на странице другими элементами.

Как показано ниже, два последовательно упорядоченных списка разделены параграфом. Первый список начинается с "A" и продолжается до "E", так как в списке имеется пять элементов. Второй список необходимо начать с шестой буквы "F". Если начальное значение не определено, то упорядочивание снова начнется с "A".

Это начало списка:

A. Элемент списка A
B. Элемент списка B
C. Элемент списка C
D. Элемент списка D
E. Элемент списка E

Это продолжение списка:

F. Элемент списка F
G. Элемент списка G
H. Элемент списка H
I. Элемент списка I
J. Элемент списка J

Код этого списка показан ниже. Первый упорядоченный список использует буквы верхнего регистра ( type="A" ), начиная с "A" и заканчивая "Е". Второй список переопределяет эту последовательность по умолчанию, определяя start="6" в открывающем теге <ol>. Таким образом, второй список последовательно упорядочивается от "F" до "J".

<p>Это начало списка:</p>

<ol type="A">
  <li>Элемент списка A</li>
  <li>Элемент списка B</li>
  <li>Элемент списка C</li>
  <li>Элемент списка D</li>
  <li>Элемент списка E</li>
</ol>

<p>Это продолжение списка:</p>

<ol type="A" start="6">
  <li>Элемент списка F</li>
  <li>Элемент списка G</li>
  <li>Элемент списка H</li>
  <li>Элемент списка I</li>
  <li>Элемент списка J</li>
</ol>

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

Список определений является последовательностью терминов и определений, отделенных от окружающего текста пустыми строками. Термины в списке прижаты к левому краю; определения на следующих строках смещены от края и используют перенос слов. Пример списка определений показан в листинге 2.27.

Термин 1
     Это определение Термина 1. Определяемый термин располагается на отдельной 
     строке и за ним следует блок текста определения. Определение использует 
     перенос слов и смещено от края.
Термин 2
     Это определение Термина 2. Определяемый термин располагается на отдельной 
     строке и за ним следует блок текста определения. Определение использует 
     перенос слов и смещено от края.

Общая форма тегов, используемых для создания списка определений, представлена в листинге 2.28.

<dl>
  <dt>Термин 1</dt>
    <dd>Текст определения Термина 1</dd>
  <dt>Термин 2</dt>
    <dd>Текст определения Термина 2</dd>
  ...
</dl>

Список определений помещается внутри тегов <dl> и содержит один или несколько тегов <dt> (definition term), перечисляющих определяемые элементы. С каждым определяемым термином связан тег <dd> (definition description), содержащий определение термина.

Список определений, показанный выше в листинге 2.27, порождается следующим кодом.

<dl>
 <dt>Термин 1</dt>
  <dd>Это определение Термина 1. Определяемый термин располагается на 
     отдельной строке и за ним следует блок текста определения. 
Определение использует перенос слов и смещено от края.</dd>
 <dt>Термин 2</dt>
  <dd>Это определение Термина 2. Определяемый термин располагается на 
     отдельной строке и за ним следует блок текста определения. 
Определение использует перенос слов и смещено от края.</dd>
</dl>

При выводе в браузере элементы списка выводятся через один интервал без пустых строк между терминами. Если необходимо увеличить межстрочный интервал, можно использовать обрамляющие определение теги <p> или теги <br/> между ними.

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