Что такое ol в html
Перейти к содержимому

Что такое ol в html

  • автор:

Что такое ol в html

Тег (от англ. ordered list — упорядоченный список) устанавливает нумерованный (упорядоченный) список.

    применяется таблица стилей, то элементы
    наследуют эти свойства.

Демо¶

Текстовые блоки

Синтаксис¶

1 2 3 4
ol> li>элемент нумерованного спискаli> li>элемент нумерованного спискаli> ol> 

Закрывающий тег обязателен.

Атрибуты¶

Устанавливает вид маркера списка.

Нумерация в списке становится по убыванию (3,2,1).

Задаёт число, с которого будет начинаться нумерованный список.

Также для этого элемента доступны универсальные атрибуты.

type¶

Устанавливает вид нумерации в упорядоченном (нумерованном) списке.

Синтаксис

1 2 3
ol type="A | a | I | i | 1"> . ol> 

Значения

    , который и используется для создания списка. В качестве маркеров могут быть следующие значения:

  • A — заглавные латинские буквы;
  • a — строчные латинские буквы;
  • I — заглавные римские цифры;
  • i — строчные римские цифры;
  • 1 — арабские цифры.

Значение по умолчанию

reversed¶

Меняет нумерацию в списке на обратный порядок, вместо 1,2,3 будет выводиться 3,2,1.

Синтаксис

1 2 3
ol reversed> . ol> 

Значения

Значение по умолчанию

По умолчанию этот атрибут выключен.

start¶

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

Синтаксис

1 2 3
ol start=""> li>Элемент спискаli> ol> 

Значения

Любое положительное целое число.

Значение по умолчанию

Спецификации¶

  • WHATWG HTML Living Standard
  • HTML 5
  • HTML 4.01 Specification

Описание и примеры¶

 1 2 3 4 5 6 7 8 9 10 11 12 13 14
 html> head> meta charset="utf-8" /> title>OLtitle> head> body> ol> li>Чебурашкаli> li>Крокодил Генаli> li>Шапоклякli> ol> body> html> 

Что такое ol в html

    (от англ. ordered list — упорядоченный список) устанавливает нумерованный список. Каждый элемент списка должен начинаться с . Если к

      применяется таблица стилей, то элементы
      наследуют эти свойства.

    Синтаксис

    Атрибуты

    reversed Нумерация в списке становится по убыванию (3,2,1). start Задаёт число, с которого будет начинаться нумерованный список. type Устанавливает вид маркера списка.

    Также для этого элемента доступны универсальные атрибуты и события.

    Пример

    Результат данного примера показан на рис. 1.

    Вид нумерованного списка в браузере

    Рис. 1. Вид нумерованного списка в браузере

    Спецификация

    Спецификация Статус
    HTML Living Standard Живой стандарт
    HTML 4.01 Specification Заменённая рекомендация

    Спецификация

    Каждая спецификация проходит несколько стадий одобрения.

    • Recommendation ( Рекомендация ) — спецификация одобрена W3C и рекомендована как стандарт.
    • Candidate Recommendation ( Возможная рекомендация ) — группа, отвечающая за стандарт, удовлетворена, как он соответствует своим целям, но требуется помощь сообщества разработчиков по реализации стандарта.
    • Proposed Recommendation ( Предлагаемая рекомендация ) — на этом этапе документ представлен на рассмотрение Консультативного совета W3C для окончательного утверждения.
    • Working Draft ( Рабочий проект ) — более зрелая версия черновика после обсуждения и внесения поправок для рассмотрения сообществом.
    • Editor’s draft ( Редакторский черновик ) — черновая версия стандарта после внесения правок редакторами проекта.
    • Draft ( Черновик спецификации ) — первая черновая версия стандарта.

    Браузеры

    4 12 1 15 4 1
    4.4 4 14 3.2

    В таблице браузеров применяются следующие обозначения.

    • — элемент полностью поддерживается браузером;
    • — элемент браузером не воспринимается и игнорируется;
    • — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

    Число указывает версию браузреа, начиная с которой элемент поддерживается.

    См. также

    • Вложенные списки
    • Группа списков
    • Маркированные списки
    • Нумерация страниц
    • Нумерованные списки
    • Создание списков
    • Списки
    • Текст в HTML

    Атрибут type

    Атрибут / параметр type (от англ. «type» ‒ «тип, вид») устанавливает тип маркера нумерованного списка.

    Поддержка браузерами

    Спецификация

    Верс. Раздел
    HTML
    2.0 Ordered List: OL
    3.2 Ordered (i.e. numbered) Lists
    4.01 10.2 Unordered lists (UL), ordered lists (OL), and list items (LI)
    type = style-information [CI]. [1]
    DTD: Transitional Strict Frameset
    5.0 4.4.5 The ol element
    The type attribute.
    5.1 4.4.5. The ol element
    The type attribute.
    XHTML
    1.0 Extensible HyperText Markup Language [1]
    DTD: Transitional Strict Frameset
    1.1 Extensible HyperText Markup Language
    • [1] ‒ помечен как «устаревший».

    Значения

    1 Десятичные числа. (арабские цифры: « 1 », « 2 », . « 9 », « 10 », « 11 », . ) i Строчные римские цифры. (« i », « ii », . « ix », « x », « xi », . ) I Прописные римские цифры. (« I », « II », . « IX », « X », « XI », . ) a Строчные буквы латинского алфавита. (« a », « b », « c », . « aa », « ab », « ac », . ) A Прописные буквы латинского алфавита. (« A », « B », « C », . « AA », « AB », « AC », . )

    Значение по умолчанию: « 1 ».

    HTML тег

      используется для создания нумерованного списка, который содержит элементы в определенной последовательности.

    В качестве нумерующих элементов могут выступать следующие значения: арабские числа (1, 2, 3, . ); прописные латинские буквы (A, B, C, . ); строчные латинские буквы (a, b, c, . ); прописные римские числа (I, II, III, . ); строчные римские числа (i, ii, iii, . ). Для указания типа нумерованного списка применяется атрибут type .

      нумеруется арабскими числами, начиная с единицы.

      применяются CSS свойства, то вложенные в тег элементы наследуют их.

    Синтаксис

    Пример

    html> html> head> title>Заголовок окна веб-страницы title> head> body> ol> li>Закуски li> li>Горячее li> li>Салаты li> ol> ol start="50"> li>Прохладительные напитки li> li>Горячие напитки li> li>Мороженое li> ol> ol type="A"> li>Кока-кола li> li>Чай со льдом li> li>Фанта li> ol> body> html>

    Результат

    olexample1

    В данном примере мы использовали атрибут start со значением “50”.

    CSS свойства

    Для определения типа нумерующих элементов вместо атрибута type можно использовать CSS свойство list-style-type.

    Пример

    html> html> head> title>Заголовок окна веб-страницы title> head> body> h2>Примеры нумерованных списков h2> ol style="list-style-type: upper-roman"> li>Прохладительные напитки li> li>Горячие напитки li> li>Мороженое li> ol> ol style="list-style-type: hebrew"> li>Кока-кола li> li>Фанта li> li>Чай со льдом li> ol> ol style="list-style-type: decimal"> li>Кока-кола li> li>Фанта li> li>Чай со льдом li> ol> body> html>

    Результат

    olexample2

    Атрибуты

    Атрибут Значение Описание
    compact compact Сокращает отступы и расстояния между строками.
    Не поддерживается в HTML5. Вместо него рекомендуем использовать CSS свойство line-height.
    reversed reversed Указывает, что элементы списка должны идти в порядке убывания (вместо обычного порядка по возрастанию).
    start number Устанавливает число, с которого будет начинаться нумерованный список. Значение должно быть целым числом, могут быть использованы отрицательные значения. При использовании с буквами (type = «A» и type = «a»), число, указанное в значении атрибута, соответствует порядковому номеру буквы в алфавите. Например, start = «5», будет соответствовать букве «E» и список начнётся с неё. Если задано значение start = «27» , список становится двухзначным («27» = «AA», «28» = «AB», «29» = «AC». ).
    type 1
    A
    a
    I
    i
    Определяет вид маркера списка.
    • CSS свойство font-style задает стиль шрифта: normal | italic | oblique | initial | inherit
    • CSS свойство font-family создает приоритетный список названий семейства шрифтов и/или общее имя шрифтов для выбранных элементов.
    • CSS свойство font-size задает размер щрифта.
    • CSS свойство font-weight устанавливает насыщенность шрифта.
    • CSS свойство text-transform задает регистр текста (заглавные или строчные буквы).
    • CSS свойство text-decoration устанавливает оформление текста. Оно является сокращенным свойством для text-decoration-line, text-decoration-color, text-decoration-style.
    • CSS свойство color определяет цвет контента и оформления текста.
    • CSS свойство background-color устанавливает фоновый цвет элемента.
    • CSS свойство text-indent указывает размер отступа первой строки в текстовом блоке.
    • CSS свойство text-overflow указывает, как будет отображаться пользователю строчный текст, выходящий за границы блока.
    • CSS свойство white-space указывает, как будут отображены пробелы внутри элемента.
    • CSS свойство word-break указывает перенос строки.
    • CSS свойство text-shadow добавляет тень к тексту.
    • CSS свойство text-align-last выравнивает последнюю строку текста.
    • CSS свойство line-height устанавливает межстрочный интервал.
    • CSS свойство letter-spacing устанавливает расстояние между буквами/символами в тексте.
    • CSS свойство word-spacing устанавливает расстояние между словами в тексте.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *