Списки в документах html


10.1 Введення

Попередній список, наприклад, це невпорядкований список, створений елементом UL:

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

  1. Mix dry ingredients thoroughly.
  2. Pour in wet ingredients.
  3. Mix for 10 minutes.
  4. 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 will not get hurt (not a guarantee).

що виглядає в HTML так:

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


10.2 Неупорядковані списки (UL), впорядковані списки (OL) і елементи списку (LI)

Початковий тег: необхідний. Кінцевий тег: не обов'язково

type = інформація про стилі [CI] Не рекомендується. Цей атрибут встановлює стиль елемента списку. Наявні в даний час значення стосуються візуальних ПА. Можливі значення описані нижче (разом з інформацією про регістрі). start = number [CN] Не рекомендується. Тільки для OL. Цей атрибут встановлює номер першого елемента впорядкованого списку. За замовчуванням це "1". Зауважте, що, хоча значенням цього атрибуту є ціле число, відповідні лейбли можуть бути нечисловими.
Так, якщо стиль елемента списку це латинські літери у верхньому регістрі (A, B, C.), start = 3 означає "C".
Якщо стиль - це римські цифри в нижньому регістрі, start = 3 означає "iii" і т.д. value = number [CN] Не рекомендується. Тільки для LI. Цей атрибут встановлює номер поточного елемента списку. Зауважте, що, хоча значенням цього атрибуту є ціле число, відповідні лейбли можуть бути нечислове (див. Атрибут start). compact [CI] Не рекомендується. Якщо встановлено, цей логічний атрибут підказує візуальному ПА, що список потрібно відображати більш компактно. Інтерпретація цього атрибута залежить від ПА.

Атрибути, визначені в іншому місці

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

Списки обох типів складаються з послідовності елементів списку, певних елементом LI (з відсутнім кінцевим тегом).

Цей приклад ілюструє базову структури списків:


10.3 Списки Definition. елементи DL. DT і DD

Початковий тег: необхідний. Кінцевий тег: не обов'язково

Атрибути, визначені в іншому місці

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

Це приклад декількох термінів і описів:

Інша сфера застосування DL це, наприклад, створення діалогів, де кожен DT іменує говорить, а кожен DD містить його / її слова.

Візуальні ПА зазвичай здійснюють відступ вкладених списків з урахуванням поточного рівня вкладеності.

І для OL. і для UL атрибут type визначає опції відображення візуальними ПА.

Для елемента UL можливі значення атрибута type - disc. square і circle. Значення за замовчуванням залежать від рівня вкладення. Ці значення нечутливі до регістру.

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

Графічний ПА може відобразити це так:

для значення "disc"
для значення "circle"
для значення "square"

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

Схожі статті