<ul> HTML ungeordnete Listenelement

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 beinhaltet die globalen Attribute.

compact

Dieses boolesche Attribut deutet darauf hin, dass die Liste in einem kompakten Stil gerendert werden sollte. Die Interpretation dieses Attributs ist browser-spezifisch. Verwenden Sie stattdessen CSS: um einen hnlichen Effekt wie das compact-Attribut zu erzielen, kann die CSS-Eigenschaft line-height mit einem Wert von 80% verwendet werden.

type

Dieses Attribut legt den Aufzhlungsstil fr die Liste fest. Die in HTML3.2 und in der bergangsversion von HTML 4.0/4.01 definierten Werte sind:

• circle
• disc
• square

Ein vierter Aufzhlungstyp wurde in der WebTV-Schnittstelle definiert, aber nicht alle Browser untersttzen ihn: triangle.

Wenn dieses Attribut nicht vorhanden ist und keine CSS list-style-type-Eigenschaft auf das Element angewendet wird, whlt der Benutzeragent basierend auf der Verschachtelungsebene der Liste einen Aufzhlungstyp aus.

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

Anwendungshinweise

• Das <ul>-Element dient zum Gruppieren einer Sammlung von Elementen, die keine numerische Ordnung haben und deren Reihenfolge in der Liste bedeutungslos ist. Typischerweise werden die Elemente einer ungeordneten Liste mit einem Aufzhlungszeichen angezeigt, das verschiedene Formen haben kann, wie einen Punkt, einen Kreis oder ein Quadrat. Der Stil des Aufzhlungszeichens wird nicht in der HTML-Beschreibung der Seite definiert, sondern in ihrem zugehrigen CSS, unter Verwendung der list-style-type-Eigenschaft.
• Die <ul>- und <ol>-Elemente knnen so tief verschachtelt werden, wie gewnscht. Darber hinaus knnen die verschachtelten Listen zwischen <ol> und <ul> ohne Einschrnkung alternieren.
• Die <ol>- und <ul>-Elemente stellen beide eine Liste von Elementen dar. Sie unterscheiden sich darin, dass beim <ol>-Element die Reihenfolge von Bedeutung 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 knnen Sie <ul> verwenden.

Beispiele

Einfaches Beispiel

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

Ergebnis

Verschachteln einer Liste

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

Siehe auch

• Andere HTML-Elemente, die sich auf Listen beziehen: <ol>, <li>, <menu>
• Besonders ntzliche CSS-Eigenschaften zur Gestaltung des <ul>-Elements:
  • die list-style-Eigenschaft, um die Darstellungsweise der Aufzhlung zu whlen.
  • CSS-Zhler, um komplexe verschachtelte Listen zu handhaben.
  • die line-height-Eigenschaft, um das veraltete compact-Attribut zu simulieren.
  • die margin-Eigenschaft, um die Einrckung der Liste zu steuern.