HTML / HTML Tags

HTML <Ul> Tag

Dec 12, 2022
2 min read
HTML ul Tag

Definition

The <ul> tag is used to create an unordered list, which is typically a set of bullet points.

Example

<ul>
    <li>An item</li>
    <li>An item</li>
    <li>An item</li>
</ul>

Usage

  • An opening and closing tag is required.

  • The <ul> element is used with child <li> elements representing the list items.

  • <script> or <template> elements are also allowed as child elements.

  • The <ul> and <li> elements may be repeatedly nested within each. For example:

    <ul>
    <li>first item
      <ul>
        <li>first item</li>
        <li>second item</li>
        <li>third item</li>
      </ul>
    </li>
    <li>second item</li>
    <li>third item</li>
    </ul>

  • You can alternate between <ul> and <ol> elements as required. For instance, you can start with a bullet list and have a nested numbered list.

    <ul>
      <li>
        first item
        <ol>
          <li>first item</li>
          <li>second item</li>
          <li>third item</li>
        </ol>
      </li>
      <li>second item</li>
      <li>third item</li>
    </ul>
      

Attributes

The <ul> element only supports the Global Attributes.

Best Practices

  • The <ul> element represents an unordered list. This means the order does not matter. If the order of the list does matter, for example, a list of steps or directions, you should use an ordered list using the <ol> tag.

Specification

Browser Support

Desktop

ChromeEdgeFirefoxIEOperaSafari
YesYesYesYesYesYes

Mobile

Android WebviewChrome AndroidFirefox AndroidOpera AndroidiOS SafariSamsung Internet
YesYesYesYesYesYes