ul

In HTML, the ul element represents an unordered list. It is used to group a collection of items where the order of the items is not meaningful. The ul acts as a container for one or more li elements, and by default browsers render bullets for each item.

The content of a ul is a sequence of li elements. Each li represents a list item. Items may contain text, images, links, or nested lists, allowing complex hierarchical structures. Example:

<ul>

<li>Apples</li>

<li>Oranges</li>

<li>Bananas</li>

</ul>

Semantics and accessibility: The ul is a structural element that conveys a list to assistive technologies. For navigation menus, it is common to place a ul inside a nav landmark, with each item containing an anchor link.

Styling: The list style and layout are typically controlled with CSS. The bullet shape is controlled by list-style-type, with values such as disc, circle, square, or none to hide bullets. Indentation and spacing are adjusted with margins and padding.

Attributes: ul supports global HTML attributes (id, class, title, data-*, aria-*). It does not have a type attribute in HTML5. Nested lists create sublists that inherit styling from their parent list.

Browser support and usage: The ul element is part of the core HTML specification and is supported by all major browsers. It is suitable for feature lists, groups of related links, or any collection where order is not important.