Понятие списка

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

В HTML есть специальные элементы-контейнеры для представления данных в виде списков. Основными тэгами списков являются нумерованные и маркированные списки, меню, перечни каталогов и определений. Для получения дополнительных эффектов различные типы списков могут вкладываться друг в друга.

Упорядоченный (нумерованный) список. Тэг <OL> и его атрибуты

Упорядоченный список используется для нумерованного перечисления отдельных пунктов или указания последовательности каких-либо действий. Когда программа встречает тэг упорядоченного списка, она последовательно нумерует пункты списка: 1, 2, 3 и т.д.

Упорядоченный список открывается тэгом <OL>, а каждый его пункт начинается стандартным тэгом <LI>. Для создания заголовка списка используется специальный тэг <LH>. Список закрывается тэгом <OL/>. Открывающий и закрывающий тэги обеспечивают перевод строки до и после списка, отделяя таким образом список от остального текста, поэтому здесь нет необходимости использовать тэги абзаца <P>.

<OL>
   <LI> Item_1
   <LI> Item_2
   ...
</OL>

В HTML версии 3.2 введены несколько новых атрибутов тэга <OL>. Они позволяют устанавливать вид маркеров элементов списка, а также задавать начальный маркер списка. Ниже перечислены эти атрибуты и их значение:

• COMPACT - Представляет список в более компактном виде

• TYPE = A - устанавливает маркер в виде прописных букв

• TYPE = a - устанавливает маркер в виде строчных букв

• TYPE = I - устанавливает маркер в виде больших римских цифр

• TYPE = i - устанавливает маркер в виде маленьких римских цифр

• TYPE = 1 - устанавливает маркер в виде арабских цифр

• START = n - устанавливает начальный маркер в текущем списке; n - номер, с которого начинается нумерация в списке

Неупорядоченный (маркированный) список. Тэг <UL> и его атрибуты

В HTML существует возможность создания неупорядоченных списков, т.е. таких, в которых отношения между пунктами не определены (списки такого типа называют также ненумерованными или маркированными).

Неупорядоченный список вместо буквенной или цифровой нумерации предполагает использование различных символов, называемых маркерами списка (bullets). Как и в упорядоченных списках, здесь также обеспечивается перевод строки до и после списка, а также допускается вложенность списков. Список располагается внутри контейнера <UL>. Каждый пункт списка начинается стандартным тэгом <LI>. Программы просмотра создают автоматический отступ для вложенных списков и сами разнообразят маркеры, вид которых зависит от типа программы.

<UL>
   <LI> Item_1
   <LI> Item_2
   ...
</UL>

Как и в случае тэга <OL>, для тэга <UL>в HTML 3.2 используются расширения браузера Netscape по управлению видом маркеров. Их вид можно устанавливать при помощи атрибута TYPE, который допускает три значения: DISK, SQUARE, CIRCLE.

Как и тэг <OL>, тэг <UL> имеет атрибут COMPACT, позволяющий выводить неупорядоченный список в более компактном виде.

Этот тип списков по виду мало отличается от неупорядоченных и введен для удобства идентификации меню при создании документов. Список, определяемый тэгом <MENU>, выводится большинством браузеров теми же шрифтами и в том же стиле, что и неупорядоченный список.

Как и предыдущие типы списков, список-меню автоматически отделяется от остального текста кодами перевода строки и может включать другие элементы HTML. Как правило, пункты меню являются указателями ссылок на части того же документа, на другой документ, либо на другие ресурсы сети.

Список типа <DIR>

Элемент DIR весьма похож на элемент MENU и служит для идентификации определенной части документа, которая в будущих версиях языка, возможно, получит новые полезные функции. Список контейнера, начинающегося тэгом <DIR>, выводится браузерами аналогично неупорядоченным спискам.

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

Списки определений, также называемые словарями специальных терминов (глоссариями), являются особым видом списков HTML. Они представляют текст в форме словарной статьи, состоящей из определенного термина и абзаца, раскрывающего его значение. Такой список удобен для составления каталога или описания функций подразделений организации. Элемент списка определений DL является контейнером и обеспечивает отделение списка от остального текста пустыми строками. Внутри контейнера тэгом <DT> помечается определенный термин, а тэгом <DD> - абзац с его определением. Тэги <DT> и <DD> не являются контейнерами. Базовый шаблон списка определений выглядит следующим образом:

<DL> definition header
   <DT> term_1
       <DD> definition of term_1
   <DT> Term_2
       <DD> definition of term_2
...
</DL>

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

Списки определений могут включать другие элементы HTML. Часто применяются элементы стилей (физические и логические). Напротив, элементы заголовков использовать не рекомендуется из-за принудительного перевода строки.

Можно легко создать маркеры для использования в ненумерованных списках. Контейнер UL информирует браузер о необходимости интерпретировать заключенный в нем текст как неупорядоченный список. Однако если стандартные маркеры не нужны, то тэги <LI> не следует использовать. Вместо них нужно записать код, определяющий новый маркер, например:

<IMG SRC= “cube.gif” ALIGN=TOP> Text <BR>

Тэг <IMG> указывает на графический файл используемого маркера и метод выравнивания изображения. Так как стандартный тэг <LI> не используется, в конце каждого пункта списка необходимо наличие тэга перевода строки <BR>.