Тег <ul> HTML маркированный список

Рейтинг: 3 из 5, голосов 21

02 октября 2019 г.

Тег <ul> в HTML определяет маркированный список (неупорядоченный список).

Маркированный список широко используется к коде HTML страниц. Помимо прямого применения тега <ul> для структурирования данных в виде маркированных списков, связку <ul> - <li> часто используют для верстки меню сайта, как одноуровневого, так и многоуровневого.

Вид маркера, отображаемого возле пунктов списка <ul> можно задать с помощью CSS свойств.

Элемент списка определяется тегом <li> и должен находиться внутри тега <ul>.

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

Помимо маркированного списка в HTML можно создать нумерованный список. Для этого следует использовать тег <ol>.

Тип маркера, его положение можно изменить при помощи CSS свойств. Подробнее на странице: Создание списков. Все о HTML списках.

Синтаксис

<ul>элементы_списка_li</ul>

Отображение в браузере

Меркурий
Венера
Земля
Марс
Юпитер
Сатурн
Уран
Нептун

Пример использования <ul> в HTML коде

<!DOCTYPE html>
<html>
  <head>
    <title>Маркированный список ul в HTML</title>
  </head>
  <body>
    <ul>
      <li>Меркурий</li>
      <li>Венера</li>
      <li>Земля</li>
      <li>Марс</li>
      <li>Юпитер</li>
      <li>Сатурн</li>
      <li>Уран</li>
      <li>Нептун</li>
    </ul>
  </body>
</html>

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

Тег
<ul>	Да	Да	Да	Да	Да

Атрибуты тега <ul>

В HTML5 тег <ul> не имеет атрибутов. При необходимости используйте CSS. Тег <ul> также поддерживает глобальные HTML атрибуты.

Устаревшие атрибуты

Атрибут	Значение	Описание
compact	compact пусто	Логический атрибут. Указывает, что список должен быть выведен меньшим размером шрифта.
type	disc square circle	Определяет тип маркера пунктов списка.

by Lebedev