Что такое тег UL?

Неупорядоченный или ненумерованный тег списка, более известный как сокращение UL, позволяет дизайнерам веб-страниц отображать и группировать текст на веб-страницах в виде списков с отступами и маркерами. UL-теги используются на страницах языков гипертекстовой разметки (HTML) и в качестве элемента стиля, определенного в каскадной таблице стилей (CSS). Хотя UL-теги не стали стандартизированными до HTML 2.0, он был определен в первых опубликованных описаниях HTML Тимом Бернерсом-Ли в 1992 году. Этот элемент поддерживается всеми основными веб-браузерами.

Теги UL могут использоваться в тегах BODY, DIV, CENTER, BLOCKQUOTE, FORM, TH, TD, DD или LI. Тег UL в HTML обозначается открывающим тегом <UL> и закрывающим </ UL>, который также вставляет пустой пробел в строку до и после тега. CSS UL-теги, которые обеспечивают дополнительную гибкость форматирования помимо HTML-UL-тега, определены в ul {list-style-type: }, где значение определяется как диск, кружок или квадрат, по умолчанию это диск. Отдельные элементы списка вставляются между тегами <UL>, перед ними стоит тег LI или элемент списка. В следующем примере HTML показано, как использовать этот тег для организации списка фруктов:

<UL>
<LI> Яблоки
<LI> Бананы
<LI> Апельсины
<LI> Ананасы
</ UL>

Неупорядоченные списки требуют использования атрибутов, хотя существует основной набор атрибутов - class, id, style и title - а также ряд стандартных или необязательных атрибутов, которые могут быть полезны для изменения внешнего вида неупорядоченного списка. , За исключением атрибутов compact и type, которые были стандартизированы в версии 2.0, дополнительные атрибуты формально не стандартизировались до версии 4.0.

Атрибут compact сжимает маркированный текст и определение в одну строку. Тип определяет стиль маркера, который по умолчанию автоматически устанавливается на диск, если тип не указан. Другие предопределенные типы маркеров, используемые в HTML-тегах UL, включают квадрат и круг. Определенные пользователем изображения могут использоваться вместо предопределенных типов маркеров путем указания местоположения хранимых изображений с помощью атрибута src, как в <UL src = ”URL">. Универсальный указатель ресурса или URL указывает местоположение изображения Начиная с версии 4.0.1, атрибуты compact и type для тега UL устарели, что означает, что он может не поддерживаться в будущих версиях HTML.

Другие атрибуты, используемые для определения стиля тега UL, включают:

  • DIR: этот атрибут содержит информацию о направлении текста.
  • ID: определяет конкретный идентификатор свойства CSS для тега.
  • LANG: кодирует язык.
  • STYLE: определяет встроенный стиль CSS.

Обработчики событий JavaScript, которые определяют, что происходит, например, если курсор мыши находится над тегом HTML UL или когда пользователь щелкает элемент списка, также могут использоваться для уточнения неупорядоченного списка. Обработчики событий, поддерживаемые тегами UL, включают onClick, onDbClick, onMouseDown, onMouseUp, OnMouseOver, onMouseMOve, onMouseOut, onKeyPress, onKeyDown и onKeyUp.