Общее описание
HTML поддерживает три способа хранения и отображения списков. Любой список состоит из одного или нескольких элементов списков. Списки подразделяются на:
Только что приведенный список является маркированным и выглядит на языке HTML так:
<UL>
<li><p>маркированные (неупорядоченные) списки;</LI>
<li><p>нумерованные (упорядоченные) списки;</LI>
<li><p>списки определений.</LI>
</ul><p>
Нумерованный список выглядит аналогично, но его элементы нумеруются:
первый элемент списка;
второй элемент списка;
третий элемент списка.
На языке HTML это записывается так:
<OL>
<li><p>первый элемент списка;</LI>
<li><p>второй элемент списка;</LI>
<li><p>третий элемент списка.</LI>
</ol><p>
Наконец, списки определений состоят из пар термин/определение, хотя их применение гораздо шире. Пример использования списка определений для составления театрального репертуара:
1 июля
А. К. Толстой. Царь Федор Иоаннович
4 июля
У. Теккерей. Ярмарка тщеславия
9 июля
А. Островский. Волки и овцы
На языке HTML это записывается так:
<DL>
<dt><p><STRONG>1 июля</STRONG></DT>
<dd><p>А. К. Толстой. <EM>Царь Федор Иоаннович</EM></DD>
<dt><p><STRONG>4 июля</STRONG></DT>
<dd><p>У. Теккерей. <EM>Ярмарка тщеславия</EM></DD>
<dt><p><STRONG>9 июля</STRONG></DT>
<dd><p>А. Островский. <EM>Волки и овцы</EM></DD>
</dl><p>
Списки могут вкладываться друг в друга, причем допускается вложение списков одного типа в списки другого типа. Следующий рецепт приготовления яичницы с ветчиной демонстрирует список определений, в который вложены маркированный список (ингредиенты) и нумерованный список (способ приготовления):
Ингредиенты:
Способ приготовления:
Ветчину нарезать мелкими кубиками и обжарить с маслом.
Разбить на обжаренную ветчину яйца.
Посолить и жарить на слабом огне.
Перед подачей посыпать зеленью.
Способ отображения списков зависит от обозревателя и может быть уточнен с помощью задания стиля списка.
Маркированные списки: элемент UL
Синтаксис: <UL>:</ul><p> (блочный элемент)
Атрибуты: id, class, style, title, lang, dir, события
| Поддержка : |  | Полное соответствие стандарту (5.0+) | | |  | Атрибут dir игнорируется (4.0+) |
Элемент UL (unordered list) определяет маркированный список. Его содержимым должны быть один или несколько элементов LI. Обозреватели обычно отображают элементы маркированного списка с отступом вправо и с маркером перед началом элемента (см. примеры, приведенные выше). Свойство стилей list-style позволяет авторам изменять вид маркеров, запрещать их вывод и т. п.
Нумерованные списки: элемент OL
Синтаксис: <OL>:</ol><p> (блочный элемент)
Атрибуты: id, class, style, title, lang, dir, события
| Поддержка : | | Полное соответствие стандарту (5.0+) | | | | Атрибут dir игнорируется (4.0+) |
Элемент OL (ordered list) определяет нумерованный список. Его содержимым должны быть один или несколько элементов LI. Обозреватели обычно отображают элементы нумерованного списка с отступом вправо и с номером перед началом элемента (см. примеры, приведенные выше). Свойство стилей list-style позволяет авторам изменять способ нумерации элементов списка.
Элементы списков: элемент LI
Синтаксис: <li><p>:</LI> (блочный элемент, конечный тег необязателен)
Атрибуты: id, class, style, title, lang, dir, события
| Поддержка : | | Полное соответствие стандарту (5.0+) | | | | Атрибут dir игнорируется (4.0+) |
Элемент LI (list item) определяет элемент маркированного или нумерованного списка. Он может включать в себя другие блочные элементы, в т. ч. и элементы OL и UL, позволяя тем самым создавать многоуровневые вложенные списки. Способ его отображения зависит от типа списка и может быть изменен свойством стилей list-style.
Списки определений: элементы DL, DT и DD
Синтаксис: <DL>:</dl><p> (блочный элемент)
Атрибуты: id, class, style, title, lang, dir, события
Синтаксис: <dt><p>:</DT> (блочный элемент, конечный тег необязателен)
Атрибуты: id, class, style, title, lang, dir, события
Синтаксис: <dd><p>:</DD> (блочный элемент, конечный тег необязателен)
Атрибуты: id, class, style, title, lang, dir, события
| Поддержка : | | Полное соответствие стандарту (5.0+) | | | | Атрибут dir игнорируется (4.0+) |
Элемент DL (definition list) определяет список определений. Он отличается от остальных типов списков тем, что каждый элемент этого списка представляется двумя элементами HTML: элементом DT (definition term), содержащим имя определяемого термина, и элементом DD (definition description), содержащим определение этого термина (см. примеры, приведенные выше). Элемент DT может содержать любые текстовые (но не блочные) элементы. Элемент DD может содержать как текстовые, так и блочные элементы, позволяя тем самым создавать многоуровневые вложенные списки.
Стандарт не исключает возможности давать несколько определений одного термина или одно определение нескольким терминам, как показано в следующем примере:
<DL>
<dt><p>Uniform Resource Identifier</DT>
<dt><p>Унифицированный идентификатор ресурса</DT>
<dd><p>Стандартизованная строка, указывающая на ресурс Интернета,
такой как HTML-документ или дисковый файл.</DD>
</dl><p>
Этот пример будет отображаться так:
Uniform Resource Identifier
Унифицированный идентификатор ресурса
Стандартизованная строка, указывающая на ресурс Интернета, такой как HTML-документ или дисковый файл.
Как отмечалось выше, списки определений имеют довольно широкий круг применений. Одним из них является представление диалогов, в которых элемент DT содержит имя говорящего, а DD - его или ее слова. Пример такого диалога из "Вишневого сада" А. П. Чехова:
<DL>
<dt><p>Фирс</DT>
<dd><p>Перед несчастьем тоже было: и сова кричала, и самовар гудел бесперечь.</DD>
<dt><p>Гаев</DT>
<dd><p>Перед каким несчастьем?</DD>
<dt><p>Фирс</DT>
<dd><p>Перед волей.</DD>
</dl><p>
Этот диалог будет отображаться так:
Фирс
Перед несчастьем тоже было: и сова кричала, и самовар гудел бесперечь.
Гаев
Перед каким несчастьем?
Фирс
Перед волей.
8 8 8
| |
*
Обратная связь