Мобильная версия

Электронная библиотека

Программисту веб-дизайнеру

Другие материалы

Спецификация HTML 4.01, рекомендации W3C от 24 декабря 1999 года


 предыдущий   следующий   содержание   элементы   атрибуты   индекс

10  Списки

Содержание

  • Введение
  • Неупорядоченные списки (ul), упорядоченные списки (OL) и элементы списка (li)
  • Списки Definition: элементы dl, DT и dd

  • Визуальное представление списков
  • Элементы DIR и MENU

  • 10.1
      Введение

    HTML предлагает авторам несколько механизмов спецификации информации в списках. Все списки должны содержать не менее одного элемента списка. Список может содержать:

  • неупорядоченную информацию;
  • упорядоченную информацию;
  • Определения/Definitions.
  • Предыдущий список, например, это неупорядоченный список, созданный элементом ul:

    <ul>
    <li>неупорядоченную информацию;
    <li>упорядоченную информацию;
    <li>Определения/Definitions.
    </ul>

    Упорядоченный список, созданный с использованием элемента OL, должен содержать информацию, как этот порядок может быть установлен, как в рецепте:

  • Mix dry ingredients thoroughly.
  • Pour in wet ingredients.
  • Mix for 10 minutes.
  • Bake for one hour at 300 degrees.
  • Списки определений, создаваемые элементом dl, обычно состоят из последовательности пар термин/его определение. Таким образом, представляя продукт, можно использовать список определений:

    Lower cost

    The new version of this product costs significantly less than the previous one!

    Easier to use

    We've changed the product so that it's much easier to use!

    Safe for kids

    You can leave your kids alone in a room with this product and they won't get hurt (not a guarantee).

    что выглядит в  HTML так:

    <dl>
    <DT><StrONG>Lower cost</StrONG>
    <dd>The new version of this product costs significantly less than the
    previous one!
    <DT><StrONG>Easier to use</StrONG>
    <dd>We've changed the product so that it's much easier to use!
    <DT><StrONG>Safe for kids</StrONG>
    <dd>You can leave your kids alone in a room with this product and
    they won't get hurt (not a guarantee).
    </dl>

    Списки также могут вкладываться, при этом списки разных типов можно использовать вместе, как в следующем примере, который является списком определений, содержащим неупорядоченный список (the ingredients) и упорядоченный список (the procedure):

    The ingredients:

  • 100 g. flour
  • 10 g. sugar
  • 1 cup water
  • 2 eggs
  • salt, pepper
  • The procedure:

  • Mix dry ingredients thoroughly.
  • Pour in wet ingredients.
  • Mix for 10 minutes.
  • Bake for one hour at 300 degrees.
  • Notes:

    The recipe may be improved by adding raisins.

    Точное представление списков этих трех типов зависит от ПА. Мы предостерегаем авторов от использования списков только для вывода текста с отступами. Это вопрос стиля, и он должен соответственно решаться в таблицах стилей.


    10.2
    Неупорядоченные списки (ul), упорядоченные списки (OL) и элементы списка (li)

    <!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 = number [CN]

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

    value = number [CN]

    Не рекомендуется. Только для li. Этот атрибут устанавливает номер текущего элемента списка. Заметьте, что, хотя значением этого атрибута является целое число, соответствующие лэйблы могут быть нечисловым (см. атрибут start).

    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> ... Уровень 1, номер 1 ...
     <OL>
     <li> ... Уровень 2, номер 1 ...
     <li> ... Уровень 2, номер 2 ...
     <OL start="10">
     <li> ... Уровень 3, номер 1 ...
     </OL>
     <li> ... Уровень 2, номер 3 ...
     </OL>
     <li> ... Уровень 1, номер 2 ...
    </ul>
    

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

    <ol>
    <li value="30"> устанавливает номер элемента 30.
    <li value="40"> устанавливает номер элемента 40.
    <li> установлен номер элемента 41.
    </ol>
    


    10.3
       Списки Definition: элементы dl, DT  и  dd

    <!-- списки определений - DT - термин, dd - его определение -->
    
    <!ELEMENT dl - - (DT|dd)+ -- список definition -->
    <!ATTliST dl
     %attrs; -- %coreattrs, %i18n, %events --
     >
    

    Начальный тег: необходим, Конечный тег: необходим

    <!ELEMENT DT - O (%inline;)* -- термин -->
    <!ELEMENT dd - O (%flow;)* -- описание термина -->
    <!ATTliST (DT|dd)
     %attrs; -- %coreattrs, %i18n, %events --
     >
    

    Начальный тег: необходим, Конечный тег: не обязателен

    Атрибуты, определенные в другом месте

  • id, class (идентификаторы документа)
  • lang (язык), dir (направление текста)
  • title (заголовок элемента)
  • style (инлайн-стиль)
  • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (внутренние события)
  • Списки определений лишь немного отличаются от других типов списка тем, что их элемент состоит из двух частей: термина и его описания. Термин задается элементом  DT и ограничен как инлайн-содержимое. Описание задается элементом dd, содержимое которого - уровня блока.

    Вот пример:

     <dl>
     <DT>Dweeb
     <dd>young excitable person who may mature
     into a <EM>Nerd</EM> or <EM>Geek</EM>
    
     <DT>Hacker
     <dd>a clever programmer
    
     <DT>Nerd
     <dd>technically bright but socially inept person
    
    </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 содержит его/ ее слова.

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

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

    Визуальные ПА обычно осуществляют отступ вложенных списков с учетом текущего уровня вложенности.

    И для OL, и для  ul атрибут type определяет опции отображения визуальными ПА.

    Для элемента ul возможные значения атрибута typediscsquare   и  circle. Значения по умолчанию зависят от уровня вложения. Эти значения нечувствительны к регистру.

    Представление каждого значения зависит от ПА. ПА должны пытаться представить "disc" как маленький заполненный кружок, "circle" как маленький круг и "square" как маленький квадрат.

    Графический ПА может отобразить это так:

    A possible rendering of a disc для значения "disc"
    A possible rendering of a circle для значения "circle"
    A possible rendering of a square для значения "square"

    Для элемента OL возможные значения атрибута type суммированы в таблице (значение нечувствительны к регистру):

    Type/Тип


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

    1
    арабские цифры
    1, 2, 3, ...

    a
    латинский алфавит, нижний регистр
    a, b, c, ...

    A
    латинский алфавит, верхний регистр
    A, B, C, ...

    i
    римский алфавит, нижний регистр
    i, ii, iii, ...

    I
    римский алфавит, верхний регистр
    I, II, III, ...

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

    Например, используя CSS (Каскадную Таблицу Стилей), можно определить, что стиль нумерации элементов списка должен быть - римские цифры в нижнем регистре. В предыдущем примере каждый элемент OL, принадлежащий к классу "withroman", будет иметь римскую нумерацию перед началом каждого элемента списка.

    <STYLE type="text/css">
    OL.withromanlist-style-type: lower-roman }
    </STYLE>
    <BODY>
    <OL class="withroman">
    <li> Step one ...
    <li> Step two ...
    </OL>
    </BODY>

    Представление списков Definition также зависит от ПА. Пример:

    <dl>
     <DT>Dweeb
     <dd>young excitable person who may mature
     into a <EM>Nerd</EM> or <EM>Geek</EM>
    
     <DT>Hacker
     <dd>a clever programmer
    
     <DT>Nerd
     <dd>technically bright but socially inept person
    </dl>

    может быть отображено так:

    Dweeb
     young excitable person who may mature into a Nerd or Geek
    Hacker
     a clever programmer
    Nerd
     technically bright but socially inept person
    

    10.4 Элементы DIR  и  MENU

    DIR и MENU не рекомендуются.

    См. формальное определение в  Transitional/Переходном ОТД.

    Атрибуты, определенные в другом месте

  • id, class (идентификаторы документа)
  • lang (язык), dir (направление текста)
  • title (заголовок элемента)
  • style (инлайн-стиль)
  • onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (внутренние события)
  • Элемент DIR был разработан для создания списка из нескольких столбцов. Элемент MENU был разработан для создания списка в один столбец. Оба элемента имеют ту же структуру, что и ul, но другое представление. На практике, ПА будет рассматривать списки DIR или MENU как список ul.

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

    предыдущий   следующий   содержание   элементы   атрибуты   индекс


    Мобильная версия

    Сайт для компьютера
    http://www.mat.net.ua