ersparen. Das -Tag wurde bereits Mitte der 1990er Jahre vom damals führenden Web-Browser Netscape 2.0 als proprietäres Sprachelement eingeführt, weshalb es von einigen Browsern schon seit Langem erkannt wird. Doch erst mit HTML5 wurde es in den Sprachstandard übernommen. Weitere Hinweise Wenn Sie XHTML-Standard-konform arbeiten, müssen Sie die Elemente in der Form
bzw. notieren. Referenzinformationen Elementreferenz
:
Elementreferenz :
Bemerkung zum Internet Explorer: Dieser interpretierte das wbr -Element bis einschließlich Version 7. Seit dem standardkonformen Modus des IE8 interpretiert der Browser das Element nicht mehr. Zeichenreferenz ­ :
4.2.4 Geordnete und ungeordnete Listen Geordnete Listen sind nummerierte Listen und z. B. von Bedeutung, um nacheinander auszuführende Aktionen oder Rangfolgen übersichtlich darzustellen. Bei einer nummerierten Liste werden alle Listeneinträge automatisch durchnummeriert. Ungeordnete Listen sind reine Aufzählungslisten, z. B. um Produkteigenschaften oder Argumente für eine These übersichtlich darzustellen. Bei einer Aufzählungsliste werden alle Listeneinträge mit einem Aufzählungszeichen (Bullet) versehen. Beispiel
Liste wichtiger Reime
Probieren geht über Studieren
Liebe geht über Triebe
Tante fällt über Kante
Todo-Liste
bei Annette vorbeischauen
bei Bianca vorbeischauen
bei Christine vorbeischauen
Bild 4.5: Ungeordnete und geordnete (nummerierte) Listen im Browser Erläuterung
leitet eine ungeordnete Liste (Aufzählungsliste) ein ( ul = unordered list = unsortierte Liste). Mit
beginnt ein neuer Punkt innerhalb der Liste ( li = list item = Listeneintrag).
beendet den Listeneintrag.
beendet die Liste. leitet eine geordnete (nummerierte) Liste ein ( ol = ordered list = nummerierte Liste). Auch hier werden die einzelnen Listenpunkte durch
…
markiert.
beendet die Liste. ol - und ul -Elemente dürfen nichts anderes als li -Elemente enthalten. li -Elemente können Text und andere HTML-Elemente enthalten, zum Beispiel Textauszeichnungen (Textlevel-Semantics), Zeilenumbrüche, aber auch Grafik, Video- oder Audio-Controls, Objekte und Formularelemente (Phrasing-Content in der Terminologie der HTML-Spezifikation). Nicht erlaubte Inhalte sind Elemente für Webseitenbereiche (Sectioning). Weitere Hinweise Mit CSS bzw. CSS-Eigenschaften für Listenformatierung können Sie bei ungeordneten Listen die Art des Aufzählungszeichens beeinflussen. Auch eigene Bullet-Grafiken können Sie dabei verwenden. Bei nummerierten Listen können Sie mit CSS die Art der Nummerierung beeinflussen (z. B. römische Ziffern oder Buchstaben). Referenzinformationen Elementreferenz
: Elementreferenz < ol> : Elementreferenz < li> :
Listen verschachteln Das Verschachteln von Listen ist ebenfalls möglich. Dabei ist es jedoch wichtig, die Verschachtelung richtig zu notieren. Beispiel
HTML
Kopfdaten
Dokumentkörper
CSS
Selektoren
Eigenschaften
ECMA/JavaScript
XML
Vorbereitung
Zwiebeln schälen
Gemüse putzen
Zubereitung
Butter in der heißen Pfanne schmelzen lassen
Mehl einrühren
usw.
Bild 4.6: Verschachtelte Listen Erläuterung Beim Verschachteln ist es wichtig, in der übergeordneten Liste ein öffnendes
-Tag zu notieren. Dahinter folgt der Eintragstext dieses Listenelements. Dann wird das Listenelement jedoch noch nicht geschlossen, sondern stattdessen die vollständige untergeordnete Liste notiert. Erst daran anschließend folgt das schließende
-Tag des übergeordneten Listeneintrags. Im obigen Beispiel sind zum besseren Verständnis Kommentare wie
notiert, um zu demonstrieren, welches schließende
-Tag zu welchem Listeneintrag gehört. Weitere Informationen Sie können geordnete und ungeordnete Listen auch gemischt verschachteln, also z. B. innerhalb einer geordneten Liste eine untergeordnete ungeordnete Liste notieren. Auch weitere Verschachtelungstiefen sind möglich. li -Elemente untergeordneter Listen