Das<ul>HTML-Element repräsentiert eine ungeordnete Liste von Elementen, die üblicherweise als Aufzählungsliste dargestellt werden.

Probieren Sie es aus

<ul>  <li>Milk</li>  <li>    Cheese    <ul>      <li>Blue cheese</li>      <li>Feta</li>    </ul>  </li></ul>

li {  list-style-type: circle;}li li {  list-style-type: square;}

Attribute

Dieses Element schließt dieglobalen Attribute ein.

compactVeraltet

Dieses boolesche Attribut deutet an, dass die Liste in einem kompakten Stil gerendert werden sollte. Die Interpretation dieses Attributs ist browserabhängig. Verwenden Sie stattdessenCSS: Um einen ähnlichen Effekt wie dascompact-Attribut zu erzielen, kann die CSS-Eigenschaftline-height mit einem Wert von80% verwendet werden.

typeVeraltet

Dieses Attribut legt den Aufzählungsstil für die Liste fest. Die in HTML3.2 und der Übergangsversion von HTML 4.0/4.01 definierten Werte sind:

• circle
• disc
• square

Ein vierter Aufzählungstyp wurde in der WebTV-Schnittstelle definiert, jedoch nicht in allen Browsern unterstützt:triangle.

Wenn nicht vorhanden und wenn keinCSSlist-style-type-Eigenschaft auf das Element angewendet wird, wählt der Benutzeragent einen Aufzählungstyp aus, abhängig von der Verschachtelungsebene der Liste.

Warnung:Verwenden Sie dieses Attribut nicht, da es veraltet ist; verwenden Sie stattdessen dieCSSlist-style-type Eigenschaft.

Anwendungshinweise

• Das<ul>-Element dient zum Gruppieren einer Sammlung von Elementen, die keine numerische Reihenfolge haben, und deren Reihenfolge in der Liste bedeutungslos ist. Typischerweise werden ungeordnete Listenelemente mit einem Aufzählungszeichen dargestellt, das in verschiedenen Formen wie einem Punkt, einem Kreis oder einem Quadrat erscheinen kann. Der Stil des Aufzählungszeichens wird nicht in der HTML-Beschreibung der Seite definiert, sondern in dem zugehörigen CSS, unter Verwendung derlist-style-type Eigenschaft.
• Die<ul>- und<ol>-Elemente können beliebig tief verschachtelt werden. Darüber hinaus können die verschachtelten Listen zwischen<ol> und<ul> beliebig wechseln.
• Die<ol>- und<ul>-Elemente repräsentieren beide eine Liste von Elementen. Sie unterscheiden sich darin, dass beim<ol>-Element die Reihenfolge relevant ist. Um zu bestimmen, welches verwendet werden soll, versuchen Sie, die Reihenfolge der Listenelemente zu ändern; wenn sich die Bedeutung ändert, sollte das<ol>-Element verwendet werden, andernfalls können Sie<ul> verwenden.

Beispiele

Einfaches Beispiel

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

Ergebnis

Eine Liste verschachteln

<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>

Ergebnis

Geordnete Liste innerhalb einer ungeordneten Liste

<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>

Ergebnis

Technische Zusammenfassung

Spezifikationen

Browser-Kompatibilität

Siehe auch

• Andere Listen-bezogene HTML-Elemente:<ol>,<li>,<menu>
• CSS-Eigenschaften, die besonders nützlich für die Stilgestaltung des<ul>-Elements sein könnten:
  • dielist-style Eigenschaft, um die Anzeigeweise der Ordnungszahlen zu wählen.
  • CSS Zähler, um komplexe verschachtelte Listen zu handhaben.
  • dieline-height Eigenschaft, um das veraltetecompact-Attribut zu simulieren.
  • diemargin Eigenschaft, um die Einrückung der Liste zu steuern.