Li тег: Тег | htmlbook.ru

Атрибут type | htmlbook.ru

Internet ExplorerChromeOperaSafariFirefoxAndroidiOS
3.0+1.0+4.0+1.0+1.0+1.0+1.0+

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

HTML:3.24.015.0XHTML:1.01.1

Описание

Устанавливает вид маркера. Тип маркера и его значение зависит от внешнего контейнера <ul> или <ol>.

Синтаксис

<li type="disc | circle | square">...</li>
<li type="A | a | I | i | 1">...</li>

Значения

Для маркированного списка (тег <ul>) маркеры могут принимать один из трех видов: круг, окружность и квадрат. Значения атрибута type и получаемый вид показан в табл. 1.

Табл 1. Параметры маркированного списка
КодПример
<li type=»disc»>
  • Чебурашка
  • Крокодил Гена
  • Шапокляк
<li type=»circle»>
  • Чебурашка
  • Крокодил Гена
  • Шапокляк
<li type=»square»>
  • Чебурашка
  • Крокодил Гена
  • Шапокляк

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

  • заглавные латинские буквы;
  • строчные латинские буквы;
  • заглавные римские цифры;
  • строчные римские цифры;
  • арабские цифры.

В табл. 2 приведены различные значения атрибута type тега <li> и результат их применения.

Табл 2. Параметры нумерованного списка
КодПример
<ol> <li type=»A»> </ol>
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк
<ol> <li type=»a»> </ol>
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк
<ol> <li type=»I»> </ol>
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк
<ol> <li type=»i»> </ol>
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк
<ol> <li type=»1″> </ol>
  1. Чебурашка
  2. Крокодил Гена
  3. Шапокляк

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

disc и 1

Аналог CSS

list-style-type

Валидация

Использование этого атрибута осуждается спецификацией HTML, валидный код получается только при использовании переходного <!DOCTYPE>.

Пример

HTML 4.01IECrOpSaFx

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег LI, атрибут type</title>
 </head>
 <body>
  <ul>
   <li type="square">Чебурашка</li>
   <li>Крокодил Гена</li>
   <li type="circle">Шапокляк</li>
  </ul>
 
 </body>
</html>

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

Рис. 1. Разные маркеры в списке

Тег HTML элемент списка

Рейтинг: 4 из 5, голосов 8

02 октября 2019 г.

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

Тег <li> должен быть дочерним тегом нумерованного списка <ol> или маркированного списка <ul>.

При помощи CSS свойств для конкретного пункта списка можно изменять параметры: тип маркера, его положение (для маркированного списка), тип нумерации (для нумерованного списка).

Подробнее на странице: Создание списков. Все о HTML списках.

Синтаксис

<li>контент элемента</li>

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

Тег li в маркированном списке:

Основные характеристики 3D принтера:

  • Область печати
  • Точность позиционирования по осям X, Y, Z
  • Диаметр сопла
  • Диаметр нити
  • Высота слоя
  • Скорость печати

Тег li в нумерованном списке:

Документы для подачи заявки на визу:

  1. Действительный заграничный паспорт
  2. Визовая анкета
  3. Одна фотография длиной и шириной 5 см
  4. Письмо-подтверждение назначенного собеседования

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

<!DOCTYPE html>
<html>
<head>
<title>Элемент li в маркированном HTML списке</title>
</head>
<body>
<ul>
<li>Область печати</li>
<li>Точность позиционирования по осям X, Y, Z</li>
<li>Диаметр сопла</li>
<li>Высота слоя</li>
<li>Скорость печати</li>
</ul>
</body>
</html>

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

Тег
<li> Да Да Да Да Да

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

Атрибут Значение Описание
value число

Устанавливает значение нумерации для текущего пункта. Последующие пункты <li> будут иметь номера идущие за указанным.
Только для нумерованных списков <ol>.

Тег <li> также поддерживает глобальные HTML атрибуты.

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

Атрибут Значение Описание
type
1
A
a
I
i
disc
square
circle

Тип оформления списка:

1 — арабские цифры (1, 2, 3, 4, 5…).
A — английский алфавит. Заглавные (прописные) буквы (A, B, C, D, E…).
a — английский алфавит. Строчные буквы (a, b, c, d, e…).
I — римские цифры. Заглавные (прописные) символы (I, II, III, IV, V…).
i — римские цифры. Строчные символы (i, ii, iii, iv, v…).
disc — маркер — диск (заполненный круг).
square — маркер — кольцо.
circle — маркер — квадрат.

by Lebedev

: Элемент элемента списка — HTML: язык гипертекстовой разметки

HTML-элемент

  • используется для представления элемента в списке. Он должен содержаться в родительском элементе: упорядоченном списке (
      ), ненумерованном списке (
        ) или меню ( ). В меню и неупорядоченных списках элементы списка обычно отображаются с помощью маркеров. В упорядоченных списках они обычно отображаются с возрастающим счетчиком слева, например цифрой или буквой.

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

        значение

        Этот целочисленный атрибут указывает текущее порядковое значение элемента списка, как определено элементом

          . Единственным допустимым значением этого атрибута является число, даже если список отображается римскими цифрами или буквами. Элементы списка, которые следуют за этим, продолжают нумерацию от установленного значения. Атрибут значение не имеет значения для ненумерованных списков (
            ) или для меню (
            ).

        тип Устаревший Нестандартный

        Этот символьный атрибут указывает тип нумерации:

        • a : строчные буквы
        • A : прописные буквы
        • i : строчные римские цифры
        • I : римские цифры в верхнем регистре
        • 1 : номера

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

          , если таковой имеется.

          Примечание: Этот атрибут устарел; вместо этого используйте свойство CSS list-style-type .

        Более подробные примеры см. на страницах

          и
            .

            Заказной список

             
            1. первый элемент
            2. второй элемент
            3. третий элемент

            Упорядоченный список с пользовательским значением

             
            1. третий элемент
            2. четвертый элемент
            3. пятый элемент

            Ненумерованный список

             
            • первый элемент
            • второй элемент
            • третий элемент
            Категории контента Нет.
            Разрешенный контент Текущее содержимое.
            Отсутствие тега Конечный тег можно опустить, если за элементом списка сразу следует другой элемент
          • , или если больше нет содержимое в своем родительском элементе.
          • Разрешенные родители
              ,
                или <меню> элемент. Хотя и не соответствующее использование, устаревшее также может быть родителем.
            Неявная роль ARIA элемент списка когда ребенок ол , ул или меню
            Разрешенные роли ARIA пункт меню , пункт менюфлажок , пункт менюрадио , опция , нет , презентация , радио , сепаратор , вкладка , элемент дерева
            Интерфейс DOM HTMLLIElement
            Спецификация
            Стандарт HTML
            # the-li-element
            0 90 загрузка только в таблицах браузера BCD. Включите JavaScript для просмотра данных.

            • Другие элементы HTML, связанные со списками:
                ,
                  , и устаревший ;
                1. свойств CSS, которые могут быть особенно полезны для стилизации элемента
                2. :
                  • свойство в стиле списка , чтобы выбрать способ отображения порядкового номера,
                  • CSS-счетчики для обработки сложных вложенных списков,
                  • свойство margin для управления отступом элемента списка.

              Обнаружили проблему с содержанием этой страницы?

              • Отредактируйте страницу на GitHub.
              • Сообщить о проблеме с содержимым.
              • Посмотреть исходный код на GitHub.

              Хотите принять участие?

              Узнайте, как внести свой вклад.

              Эта страница была последний раз изменена участниками MDN.

              Тег HTML »

              В тегах HTML

              Раскрытие информации: Ваша поддержка помогает сайту работать! Мы зарабатываем комиссионные за некоторые услуги, которые мы рекомендуем на этой странице. Узнать больше

              Элемент
              Списки наводят порядок на веб-страницах: вот HTML-код для их создания
              Что делает HTML-тег
            • ?
            • Элемент
            • определяет элемент списка, который является частью упорядоченного и неупорядоченного списка элементов.
            • Отображение
              блок
              Использование
              текст

              Содержание

              • 1 Пример кода
              • 2 Отображение основано на типе списка
              • 3 900r40048
              • 4 Атрибуты li

              Пример кода

               
              1. Сначала мы делаем это,
              2. и затем мы делаем это,
              3. и затем мы делаем это.
              1. Сначала делаем это,
              2. потом это,
              3. и потом это.

              Отображение основано на типе списка

              Элемент

            • должен быть дочерним элементом либо элемента
                (нумерованный список), либо0004
                  (ненумерованный список) элемент.
                    определяет список с некоторой системой нумерации, поэтому элементы списка в нем обычно начинаются с числа, римской цифры или буквы. Список
                      почти всегда маркирован. Элементы списка являются элементами уровня блока и содержат потоковое содержимое, что означает (среди прочего), что каждый может иметь другие списки в качестве своего содержимого. Вот как вы создаете вложенный или многоуровневый список (например, схему).

                       
                      • Что я хочу, чтобы мой сын знал
                        • Нематериальное
                          • Любовь
                          • Безопасность
                          • Счастье
                          • < /ul>
                          • Осязаемые объекты
                            • Цвета
                              • Красный
                              • Синий
                              • Зеленый
                              • Фиолетовый< /li>
                              • Оранжевый
                              • Желтый
                            • Цифры
                            • Буквы
                            • Правила поведения за столом
                            • li>
                      • Things I want my son to know
                        • Intangibles
                          • Love
                          • Security
                          • Happiness
                        • Tangibles
                          • Colors
                            • Red
                            • Blue
                            • Green
                            • Purple
                            • Orange
                            • Yellow
                          • Числа
                          • Буквы
                          • Манеры за столом

                      Адам Вуд

                      Адам — технический писатель, специализирующийся на документации для разработчиков и учебных пособиях.

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

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