1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
|
---
title: ul
slug: Web/HTML/Element/ul
tags:
- HTML
- HTML Elemente
- HTML Referenz
translation_of: Web/HTML/Element/ul
---
<h2 id="Übersicht">Übersicht</h2>
<p>Das HTML Element <em>unordered list</em> <ul> wird verwendet um eine ungeordnete Liste darzustellen. Eine Sammlung von Einträgen, die keine nummerische Ordung aufweisen bzw. deren Aufzählung bedeutungslos ist. Die einzelnen Einträge der Liste werden durch das <a href="/de/HTML/Element/li" title="de/HTML/Element/li">list item</a> (<a href="/de/HTML/Element/li" title="de/HTML/Element/li"><li></a>) Element definiert, welches das einzige Element ist, was innerhalb eines <code><ul></code> Tag stehen darf.</p>
<ul>
<li>Element Typ: <a href="/de/HTML/Block-level_Elemente" title="de/HTML/Block-level_Elemente">block-level</a></li>
<li>Erlaubter Inhalt: <a href="/de/HTML/Element/li" title="de/HTML/Element/li">li</a></li>
</ul>
<h2 id="Attribute">Attribute</h2>
<dl>
<dt>type {{ Deprecated_inline() }}</dt>
<dd>Wird verwendet, um das Aufzählungszeichen der Liste festzulegen. Die Werte sind in der <a href="/de/HTML3.2" title="de/HTML3.2">HTML3.2</a> Spezifikation festgelegt und in der „transitional“ Version von <a href="/de/HTML4.01" title="de/HTML4.01">HTML 4.0/4.01</a> sind <code>circle</code>, <code>disc</code>, und <code>square</code> aufgeführt. Der Browser kann über unterschiedliche Zeichen entscheiden, abhängig vom Grad der Verschachtelung, wenn das type Attribut nicht verwendet wird. Das WebTV Interface unterstützt auch ein <code>triangle</code> Zeichen. Dieses Attribut ist veraltet, es sollte die <a href="/de/CSS" title="de/CSS">CSS</a> <a href="/de/CSS/list-style-type" title="de/CSS/list-style-type">list-style-type</a> Eigenschaft stattdessen verwendet werden.</dd>
</dl>
<dl>
<dt>compact {{ Deprecated_inline() }}</dt>
<dd>Gibt an, dass die Liste in einer kompakten Form gerendert werden soll. Die Interpretation dieses Attributs hängt vom Browser ab.</dd>
</dl>
<h2 id="Beispiele">Beispiele</h2>
<h3 id="Einfaches_Beispiel">Einfaches Beispiel</h3>
<pre> <ul>
<li>Erster Eintrag</li>
<li>Zweiter Eintrag</li>
<li>Dritter Eintrag</li>
</ul>
</pre>
<p>Dieses HTML gibt das Folgende aus:</p>
<ul>
<li>Erster Eintrag</li>
<li>Zweiter Eintrag</li>
<li>Dritter Eintrag</li>
</ul>
<h3 id="Verschachtelte_Listen">Verschachtelte Listen</h3>
<pre> <ul>
<li>Erster Eintraf</li>
<li>Zweiter Eintrag <!-- Achtung, das schließende </li> Tag wird hier nicht notiert! -->
<ul>
<li>Zweiter Eintrag erster Untereintrag</li>
<li>Zweiter Eintrag zweiter Untereintrag</li>
<li>Zweiter Eintrag dritter Untereintrag</li>
</ul>
</li> <!-- Hier ist das schließende </li> Tag angegeben! -->
<li>Dritter Eintrag</li>
</ul>
</pre>
<p>Dieses HTML gibt das Folgende aus:</p>
<ul>
<li>Erster Eintrag</li>
<li>Zweiter Eintrag
<ul>
<li>Zweiter Eintrag erster Untereintrag</li>
<li>Zweiter Eintrag zweiter Untereintrag</li>
<li>Zweiter Eintrag dritter Untereintrag</li>
</ul>
</li>
<li>Dritter Eintrag</li>
</ul>
<h3 id="Verschachtelte_<ul>_und_<ol>">Verschachtelte <ul> und <ol></h3>
<pre> <ul>
<li>Erster Eintrag</li>
<li>Zweiter Eintrag <!-- Achtung, das schließende </li> Tag wird hier nicht notiert! -->
<ol>
<li>Zweiter Eintrag erster Untereintrag</li>
<li>Zweiter Eintrag zweiter Untereintrag</li>
<li>Zweiter Eintrag dritter Untereintrag</li>
</ol>
</li> <!-- Hier ist das schließende </li> Tag angegeben! -->
<li>Dritter Eintrag</li>
</ul>
</pre>
<p>Dieses HTML gibt das Folgende aus:</p>
<ul>
<li>Erster Eintrag</li>
<li>Zweiter Eintrag
<ol>
<li>Zweiter Eintrag erster Untereintrag</li>
<li>Zweiter Eintrag zweiter Untereintrag</li>
<li>Zweiter Eintrag dritter Untereintrag</li>
</ol>
</li>
<li>Dritter Eintrag</li>
</ul>
<h2 id="Hinweise">Hinweise</h2>
<p>Es können so viele Listen, wie man möchte verschachtelt werden, <code><ul></code> und <code><ol></code> in jeder Reihenfolge.</p>
<p>Um die Einrückung von Listen zu verändern sollte die <a href="/de/CSS" title="de/CSS">CSS</a> <a href="/de/CSS/margin" title="de/CSS/margin">margin</a> Eigenschaft verwendet werden.</p>
<h2 id="Siehe_auch">Siehe auch</h2>
<ul>
<li><a href="/de/HTML/Element/li" title="de/HTML/Element/li">HTML List item Element</a></li>
<li><a href="/de/HTML/Element/ol" title="de/HTML/Element/ol">HTML geordnete Liste</a></li>
<li><a href="/de/CSS/list-style" title="de/CSS/list-style">CSS list-style Eigenschaft</a></li>
<li><a href="/de/CSS_Counters" title="de/CSS_Counters">CSS Counters</a></li>
</ul>
<div class="noinclude">{{ languages({ "en":"en/HTML/Element/ul", "ja":"de/HTML/Element/ul", "pl":"pl/HTML/Element/ul"}) }}</div>
|
