Тег <ul>
- Категории: Потоковое содержимое
-
Контекст:
Где ожидается потоковое содержимое.
-
Модель:
Ноль или более элементов
<li>
.
Тег <ul>
(сокращение от "unordered list" - неупорядоченный список) представляет список элементов, порядок которых не имеет значения. Изменение порядка элементов такого списка не должен существенно изменить его смысл. Например, это могут быть:
- перечисление ваших любимых блюд
- список фильмов, которые вы посмотрели
- марки автомобилей
Мы можем применять списки для группировки не только простых текстовых данных, но и целых блоков. Например:
- похожие товары в магазине
- отзывы пользователей
- слайды в слайдере
- и т.д.
Таким образом, списки являются одними из самых популярных и часто используемых элементов сайта.
Атрибуты
-
Список марок автомобилей
Каждый элемент неупорядоченного списка помечается маркером.
-
Изменение маркера
По умолчанию маркер имеет вид закрашенного круга, но может быть изменен при помощи CSS-свойства
list-style-type
:-
disc
- маркер в виде точки (по умолчанию) -
circle
- маркер в виде кружка -
square
- маркер в виде квадрата
-
-
Навигация сайта
Неупорядоченный список очень часто применяется для создании навигации сайта.
-
Вложенные списки
Элементы списка могут иметь любое потоковое содержимое. Таким образом мы можем вкладывать один список в другой, создавая иерархию элементов любой сложности, например, вложенную навигацию.
-
Списки на сайтах
Новости и многие другие компоненты сайта представляют из себя однотипные элементы, а значит мы можем сгруппировать их при помощи списков.