Неупорядоченные списки (UL), упорядоченные списки (OL) и элементы списков (LI)

⇐ ПредыдущаяСтр 19 из 44Следующая ⇒

<! ELEMENT UL — - (LI)+ -- неупорядоченный список --> <! ATTLIST UL %attrs; -- %coreattrs, %i18n, %events --

> <! ELEMENT OL — - (LI)+ -- упорядоченный список --> <! ATTLIST OL

%attrs; -- %coreattrs, %i18n, %events --

Начальный тэг: обязателен. Конечный тэг: обязателен.

<! ELEMENT LI — O (%flow; )* -- элемент списка --> <! ATTLIST LI

%attrs; -- %coreattrs, %i18n, %events --

Начальный тэг: обязателен. Конечный тэг: не обязателен.

Определения атрибутов

type = информация о стиле [CI]

Нежелателен. Этот атрибут устанавливает стиль элемента списка. Доступные в настоящее время значения предназначены для визуальных браузеров. Возможные значения описаны ниже (включая информацию о регистре).

start = число [CN]

Нежелателен. Только для OL. Этот атрибут задает начальный номер первого элемента в упорядоченном списке. По умолчанию начальный номер — «1». Помните, что, хотя значением этого атрибута является целое число, соответствующая метка может быть нецифровая. Если в качестве стиля выбраны латинские буквы верхнего регистра (A, B, C, ...), start=3 означает «C». Если в качестве стиля выбраны римские цифры нижнего регистра, start=3 означает «iii» и т.д.

value = число [CN]

Нежелательно. Только для LI. Этот атрибут устанавливает номер текущего элемента списка. Помните, что, хотя значением атрибута является целое число, соответствующая метка может быть нечисловая.

compact [CI]

Нежелателен. Если этот логический атрибут установлен, он сообщает визуальным браузерам о том, что генерировать список нужно более компактно. Интерпретация этого атрибута зависит от браузера.

Атрибуты, определяемые в любом другом месте id, class (идентификаторы в пределах документа) lang (информация о языке), dir (направление текста) title (заголовок элемента) style (встроенная информация о стиле) onclick, ondblclick, onmousedown, onmouseup, onmouseover,

onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

(внутренние события)

Упорядоченные и неупорядоченные списки генерируются одинаково за исключением того, что визуальные браузеры нумеруют упорядоченные списки. Браузеры могут представлять эти номера несколькими способами. Элементы неупорядоченного списка не нумеруются.

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

В этом примере показана общая структура списка.

< UL>

< LI> ... первый элемент списка...

< LI> ... второй элемент списка...

... < /UL> Списки могут быть вложенными.

Пример нежелательного использования:

< UL>

< LI> ... Уровень один, номер один...

< OL>

< LI> ... Уровень два, номер один...

< LI> ... Уровень два, номер два...

< OL start=" 10" >

< LI> ... Уровень три, номер один...

< /OL>

< LI> ... Уровень два, номер три...

< /OL>

< LI> ... Уровень один, номер два...

< /UL>

Информация о порядке номеров

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

< ol>

< li value=" 30" > элемент списка номер 30.

< li value=" 40" > элемент списка номер 40.

< li> элемент списка номер 41.

< /ol>

Списки определений: элементы DL, DT и DD

<! -- списки определений — DT — термин, DD — его определение -->

<! ELEMENT DL — - (DT|DD)+ -- список определений --> <! ATTLIST DL

%attrs; -- %coreattrs, %i18n, %events --

Начальный тэг: обязателен. Конечный тэг: обязателен.

<! ELEMENT DT — O (%inline; )* -- термин --> <! ELEMENT DD — O (%flow; )* -- определение --> <! ATTLIST (DT|DD)

%attrs; -- %coreattrs, %i18n, %events --

Начальный тэг: обязателен. Конечный тэг: не обязателен.

Списки определений незначительно отличаются от других типов списков — тем, что элементы состоят из двух частей: термина и определения. Термин обозначается с помощью элемента DT и может иметь только встроенное содержимое. Описание указывается с помощью элемента DD, имеющего содержимое уровня блока.

Пример:

< DL>

< DT> Dweeb

< DD> young excitable person who may mature

into a < EM> Nerd< /EM> or < EM> Geek< /EM>

< DT> Cracker

< DD> hacker on the Internet

< DT> Nerd

< DD> male so into the Net that he forgets

his wife's birthday < /DL>

Вот пример с несколькими терминами и определениями:

< DL>

< DT> Center

< DT> Centre

< DD> A point equidistant from all points on the surface of a sphere.

< DD> In some field sports, the player who holds the middle position on the field, court, or forward line. < /DL>

Другим применением элемента DL, например, может быть разметка диалогов, где каждый элемент DT означает говорящего, а в каждом элементе DD содержатся его слова.

Визуальное отображение списков

Таблицы стилей предоставляют большие возможности управления форматированием списков (например, в отношении нумерации, соглашений, используемых в разных языках, отступов и т.д.). Визуальные браузеры обычно сдвигают вложенные списки соответственно уровню вложенности. Для элементов OL и UL атрибут type определяет параметры генерации для визуальных браузеров.

Для элемента UL возможными значениями атрибута type являются disc, square и circle. Значение, используемое по умолчанию, зависит от уровня вложенности текущего списка. Эти значения не учитывают регистр. Представление каждого значения зависит от браузера. Браузеры должны пытаться представлять «disc» в виде небольшого заполненного кружка, «circle» — в виде окружности, а «square» в виде небольшого квадрата.

Графические браузеры могут генерировать их как: • для значения «disc» О для значения «circle» □ для значения «square»

Для элемента OL возможные значения атрибута type приведены в следующей таблице (они учитывают регистр):

Type

1 арабские цифры

a буквы нижнего регистра

A буквы верхнего регистра

i римские цифры в нижнем регистре

I римские цифры в верхнем регистре

Стиль нумерации

1, 2, 3, ... a, b, c, ... A, B, C, ... i, ii, iii, ... I, II, III, ...

Помните, что использование атрибута type нежелательно, и стили списков должны определяться с помощью таблиц стилей.

Например, с помощью CSS можно указать, что стиль нумерации для элементов списка в нумерованном списке — римские цифры нижнего регистра. В приведенном ниже примере каждый элемент OL, принадлежащий классу «withroman», обозначается римской цифрой.

< STYLE type=" text/css" >

OL.withroman { list-style-type: lower-roman } < /STYLE> < BODY>

< OL class=" withroman" > < LI> Шаг один... < LI> Шаг два... < /OL> < /BODY>

Генерация списка определений также зависит от браузера. Например, список:

< DL>

< DT> Dweeb

< DD> young excitable person who may mature

into a < EM> Nerd< /EM> or < EM> Geek< /EM>

< DT> Cracker

< DD> hacker on the Internet

< DT> Nerd

< DD> male so into the Net that he forgets

his wife's birthday < /DL>

может генерироваться следующим образом:

Dweeb

young excitable person who may mature into a Nerd or Geek Cracker

hacker on the Internet Nerd

male so into the Net that he forgets his wife's birthday

Элементы DIR и MENU

Использование элементов DIR и MENU нежелательно.

onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

(внутренние события)

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

Настоятельно рекомендуется использовать вместо этих элементов элемент UL.

Глава 22. Таблицы стилей

Таблицы стилей представляют наибольшее достижение для дизайнеров Web-страниц, расширяя возможности улучшения внешнего вида страниц. В научных средах, в которых и зародилась Web, люди более сосредоточены на содержании документов, нежели на их представлении. По мере открытия Web прочими людьми ограничения HTML стали источником разочарований, и авторам пришлось уклоняться от стилистических ограничений HTML. Хотя намерения и были добрыми — улучшение представления Web-страниц, — технологии имели нежелательные побочные эффекты. Эти технологии работали только для некоторых, только иногда, но не для всех и не всегда. Сюда включаются:

Использование собственных расширений HTML
Преобразование текста в изображения
Использование изображений для управления пустым пространством
Использование таблиц для размещения объектов на станице
Написание программ вместо использования HTML

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

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

информации. Например, следующая таблица стилей CSS (хранящаяся в файле «special.css») зеленый устанавливает цвет текста абзаца и окружает его сплошной красной рамкой:

P.special { color: green; border: solid red; }

Авторы могут связывать таблицы стилей с исходным документом HTML с помощью элемента LINK:

<! DOCTYPE HTML PUBLIC " -//W3C//DTD HTML 4.0//EN"

" http: //www.w3.org/TR/REC-html40" > < HTML>

< HEAD>

< LINK href=" special.css" rel=" stylesheet" type=" text/css" >

< /HEAD>

< BODY>

< P class=" special" > В этом абзаце текст должен быть зеленым.

< /BODY> < /HTML>

HTML 4.0 обеспечивает поддержку следующих функций таблиц стилей:

⇐ Предыдущая 14 15 16 17 181920 21 22 23 Следующая ⇒