<ul>¶
Тег <ul>
(от англ. unordered list — неупорядоченный список) устанавливает маркированный (неупорядоченный) список.
Каждый пункт списка должен начинаться с элемента <li>
.
Синтаксис¶
<ul>
<li>пункт маркированного списка</li>
</ul>
Закрывающий тег обязателен.
Атрибуты¶
Для этого элемента доступны универсальные атрибуты.
compact
- Не используйте этот атрибут, так как он устарел: вместо этого используйте CSS. Чтобы получить эффект, аналогичный атрибуту
compact
, можно использовать свойствоline-height
со значением80%
. - Этот логический атрибут означает, что список должен отображаться в компактном стиле. Интерпретация этого атрибута зависит от пользовательского агента, и он работает не во всех браузерах.
type
- Не используйте этот атрибут, так как он устарел; вместо этого используйте свойство CSS
list-style-type
. - Этот атрибут устанавливает стиль маркера для списка. Значения, определенные в HTML 3.2 и HTML 4.0 / 4.01:
-
circle
-
disc
-
square
-
- Четвертый тип маркера был определен в интерфейсе WebTV, но не все браузеры поддерживают его:
triangle
.
- Четвертый тип маркера был определен в интерфейсе WebTV, но не все браузеры поддерживают его:
-
Если этот элемент отсутствует, и если к элементу не применяется свойство CSS
list-style-type
, пользовательский агент выбирает тип маркера в зависимости от уровня вложенности списка.
Спецификации¶
Примеры¶
Пример 1¶
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>UL</title>
</head>
<body>
<ul>
<li>Баал</li>
<li>Агарес</li>
<li>Марбас</li>
<li>Пруфлас</li>
<li>Аамон</li>
</ul>
</body>
</html>
Пример 2¶
Вложенные списки
<ul>
<li>first item</li>
<li>
second item
<!-- Внимание, закрывающий тег </li> здесь не размещаем -->
<ul>
<li>second item first subitem</li>
<li>
second item second subitem
<!-- Same for the second nested unordered list! -->
<ul>
<li>
second item second subitem first sub-subitem
</li>
<li>
second item second subitem second sub-subitem
</li>
<li>
second item second subitem third sub-subitem
</li>
</ul>
</li>
<!-- Closing </li> tag for the li that
contains the third unordered list -->
<li>second item third subitem</li>
</ul>
<!-- Здесь размещается закрывающий тег </li> -->
</li>
<li>third item</li>
</ul>
Пример 3¶
Упорядоченный список внутри неупорядоченного списка
<ul>
<li>first item</li>
<li>
second item
<!-- Look, the closing </li> tag is not placed here! -->
<ol>
<li>second item first subitem</li>
<li>second item second subitem</li>
<li>second item third subitem</li>
</ol>
<!-- Here is the closing </li> tag -->
</li>
<li>third item</li>
</ul>
См. также¶
Ссылки¶
- Тег
<ul>
MDN (рус.)