Tag <ul>

Tag <ul>

Definition

Status: Aktueller Standard

Das Tag <ul> steht für unordered list (ungeordnete Liste).

Das <ul>-Tag definiert eine ungeordnete Liste. Es wird verwendet, wenn die Reihenfolge der Listeneinträge keine sachlogische oder hierarchische Priorität hat (z.B. eine Einkaufsliste oder ein Navigationsmenü). Die Einträge werden standardmäßig mit Aufzählungspunkten (Bullets) versehen. Die einzelnen Einträge werden innerhalb des Tags mit dem <li>-Tag markiert. Listen können auch verschachtelt werden und dabei sowohl <ul> als auch <ol> gemeinsam vorkommen (siehe Beispiele). Achtung! Während bei <ol> das Attribut type sogar semantischen Sinn hat ist es bei <ul> "obsolet" (veraltet) und soll nicht mehr verwendet werden!

Syntax

<ul><li>...</li></ul>

Attribute bzw. Unterelemente

type [Obsolet]

Art der Listenmarkierung:
"disc" = "Scheibe" (Standard)
"circle" = Kreis
"square" = Quadrat

Beispiele

= Tag

= Attribut

= Wert

Text

= Kommentar bzw. wichtig!

Beispiel <ul> - ---

Der Code:

<h3>Scheibe (disc) - Standard</h3>
    <ul type="disc>"
      <li>Einleitung</li>
      <li>Hauptteil</li>
      <li>Schluss</li>
    </ul>

    <h3>Kreis (circle)</h3>
    <ul type="circle">
      <li>Einleitung</li>
      <li>Hauptteil</li>
      <li>Schluss</li>
    </ul>

    <h3>Quadrat (square)</h3>
    <ul type="square">
      <li>Einleitung</li>
      <li>Hauptteil</li>
      <li>Schluss</li>
    </ul>

Ergebnis:

Ergebnis: <ul>-Demo 1
---

Verschiedene Listenmarkierungen

Beispiel <ul> - Verschachtelung von Listen

Der Code:

<ul>
  <li>Getränke
    <ol>
      <li>Wasser</li>
      <li>Limonade</li>
    </ol>
  </li>
  <li>Speisen
    <ol>
      <li>Vorspeisen</li>
      <li>Hauptspeisen</li>
      <li>Nachspeisen</li>
    </ol>
  </li>
</ul>

Ergebnis:

Ergebnis: <ul>-Demo 2
Verschachtelung von Listen

Würde man hier beim beim zweiten <ol> das Attribut start="3" einsetzen würde die Zählung bei der "Vorspeise" mit "3" beginnen (sozusagen die Zählung fortführen).