HTML/Элемент ol
Синтаксис
(X)HTML
<ol> ... <li> ... </li> ... </ol>
Описание
Элемент ol
(от англ. «ordered list» ‒ «упорядоченный список») создаёт нумерованный (упорядоченный) список. Элементы данного списка могут быть упорядочены с помощью букв алфавита или цифр (a,b,c,d…; 1,2,3,4…).
Примечание
- Пункты списка создаются с помощью элементов
li
. - Для создания маркированного (не упорядоченного) списка используется элемент
ul
.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | ||
---|---|---|
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) DTD: Transitional
Strict
Frameset | |
5.0 | 4.4.5 The ol element | |
5.1 | 4.4.5. The ol element | |
XHTML | ||
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset | |
1. 1 | Extensible HyperText Markup Language |
Атрибуты
- compact
- Сокращает отступы и расстояния между строками.
- reversed
- Устанавливает нумерацию списка от большего к меньшему (по убыванию).
- start
- Указывает начальное значение в нумерации списка.
- type
- Устанавливает тип маркера списка (1, I, i, A, a).
- Глобальные атрибуты
- accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset=»utf-8″>
<title>Элемент ol</title>
<style type=»text/css»>ol { margin-left: 10px;}</style>
</head>
<body>
<h2>Пример использования элемента «ol»</h2>
<p>Самые распространённые <u>глобальные параметры / атрибуты</u> (в алфавитном порядке):</p>
<ol>
<li>class</li>
<li>id</li>
<li>style</li>
<li>title</li>
</ol>
</body>
</html>
Элемент ol
html — В чем разница в использовании с типом стиля списка: диск; и
спросил
Изменено 1 год, 3 месяца назад
Просмотрено 410 раз
Публикация образца фрагмента. Визуально
и
будут выглядеть одинаково. Тогда зачем нам
отдельно?
<голова>Изменение типа нумерации в неупорядоченном списке HTML с помощью CSS <стиль> пр { тип-стиля-списка: диск; } стиль> голова> <тело> <ол>