This element includes theglobal attributes.

compactDeprecated

This Boolean attribute hints that the list should be rendered in a compact style. The interpretation of this attribute is browser-specific. UseCSS instead: to give a similar effect as thecompact attribute, the CSS propertyline-height can be used with a value of80%.

typeDeprecated

This attribute sets the bullet style for the list. The values defined under HTML3.2 and the transitional version of HTML 4.0/4.01 are:

• circle
• disc
• square

A fourth bullet type has been defined in the WebTV interface, but not all browsers support it:triangle.

If not present and if noCSSlist-style-type property applies to the element, the user agent selects a bullet type depending on the nesting level of the list.

Warning:Do not use this attribute, as it has been deprecated; use theCSSlist-style-type property instead.

• The<ul> element is for grouping a collection of items that do not have a numerical ordering, and their order in the list is meaningless. Typically, unordered-list items are displayed with a bullet, which can be of several forms, like a dot, a circle, or a square. The bullet style is not defined in the HTML description of the page, but in its associated CSS, using thelist-style-type property.
• The<ul> and<ol> elements may be nested as deeply as desired. Moreover, the nested lists may alternate between<ol> and<ul> without restriction.
• The<ol> and<ul> elements both represent a list of items. They differ in that, with the<ol> element, the order is meaningful. To determine which one to use, try changing the order of the list items; if the meaning is changed, the<ol> element should be used, otherwise you can use<ul>.

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

Result

<ul>  <li>first item</li>  <li>    second item    <!-- Look, the closing </li> tag is not placed here! -->    <ul>      <li>second item first subitem</li>      <li>        second item second subitem        <!-- Same for the second nested unordered list! -->        <ul>          <li>second item second subitem first sub-subitem</li>          <li>second item second subitem second sub-subitem</li>          <li>second item second subitem third sub-subitem</li>        </ul>      </li>      <!-- Closing </li> tag for the li that                  contains the third unordered list -->      <li>second item third subitem</li>    </ul>    <!-- Here is the closing </li> tag -->  </li>  <li>third item</li></ul>

Result

<ul>  <li>first item</li>  <li>    second item    <!-- Look, the closing </li> tag is not placed here! -->    <ol>      <li>second item first subitem</li>      <li>second item second subitem</li>      <li>second item third subitem</li>    </ol>    <!-- Here is the closing </li> tag -->  </li>  <li>third item</li></ul>

Result

• Other list-related HTML Elements:<ol>,<li>,<menu>
• CSS properties that may be specially useful to style the<ul> element:
  • thelist-style property, to choose the way the ordinal displays.
  • CSS counters, to handle complex nested lists.
  • theline-height property, to simulate the deprecatedcompact attribute.
  • themargin property, to control the list indentation.