<html>
<link rel="stylesheet" href="josh.css">
<body bgcolor="#FFFFFF">


		<div id="Beschreibung">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">&lt;DL&gt;</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">alle</span> IE <span class="emphasis">alle</span> HTML <span class="emphasis">alle</span>&#160;&#160;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">&lt;DL&gt;...&lt;/DL&gt;</p>
					</td><td valign="top" nowrap class="requirements">HTML-End-Tag: Erforderlich&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Das Element <span class="literal">dl</span> geh&ouml;rt zum Dreigespann der Elemente (<span class="literal">dl</span>, <span class="literal">dt</span> und <span class="literal">dd</span>), mit denen in Dokumenten Definitionslisten erstellt werden k&ouml;nnen. Die gesamte Liste ist von <span class="literal">dl</span>-Tags umschlossen. Jeder Definitionsbegriff wird durch das Tag <span class="literal">dt</span> eingeleitet, und die Definition f&uuml;r den Begriff steht nach dem f&uuml;hrenden <span class="literal">dd</span>-Tag. Als Beispiel folgt eine schematische Definitionsliste mit drei Eintr&auml;gen:
</p><p>Die Liste muss mit einem End-Tag f&uuml;r das umgebende <span class="literal">dl</span>-Element schlie&szlig;en. Beachten Sie, dass das <span class="literal">dl</span>-Element der Container f&uuml;r die gesamte Liste ist; vererbbare Stylesheet-Regeln, die dem <span class="literal">dl</span>-Element zugewiesen sind, betreffen also auch die verschachtelten <span class="literal">dt</span>- und <span class="literal">dd</span>-Elemente. Ungewollte Vererbungen k&ouml;nnen jeweils separat in den <span class="literal">dt</span>- und <span class="literal">dd</span>-Elementen &uuml;berschrieben werden.
</p><p>Obgleich in der HTML-Spezifikation f&uuml;r Definitionslisten keine besondere Art der Darstellung festgelegt ist, werden sowohl bei Navigator als auch bei Internet Explorer <span class="literal">dt</span>-Elemente linksb&uuml;ndig gesetzt und darauffolgende <span class="literal">dd</span>-Element eingezogen. Schriftformatierungen oder visuelle Elemente werden vom Browser nicht hinzugef&uuml;gt; es steht Ihnen jedoch frei, eigene Stile zuzuweisen. Wenn Sie mehrere Begriffe bzw. Definitionen auf einmal festlegen wollen, brauchen Sie nur im Quellcode hintereinander die entsprechenden <span class="literal">dt</span>- bzw. <span class="literal">dd</span>-Definitionen vorzunehmen.
</p><p>Da die Entwicklung der HTML-Tags in Richtung Kontextsensitivit&auml;t geht, sollten Definitionlisten auf keinen Fall als Formatierungstrick missbraucht werden (etwa um Text einzuziehen). Verwenden Sie f&uuml;r solche Aufgaben Stylesheets und einstellbare R&auml;nder.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;DL&gt;
    &lt;DT&gt;Z-scale&lt;/DT&gt;
    &lt;DD&gt;A railroad modeling scale of 1:220. The smallest mass-produced
    commercial model scale.&lt;/DD&gt;
&lt;/DL&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Objektmodellreferenz</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>)</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Elementspezifische Attribute</span></td>
</tr><tr><td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
</tr><tr><td>
        <table border="1">
<tbody><tr><td><span class="literal">compact</span></td>
								</tr>
							</tbody></table>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Elementspezifische Ereignisbehandlungsroutinenattribute</span></td>
				</tr>
				<tr>
					<td><p>Keine.</p>
					</td>
				</tr>
			</table>
		</div><div id="compact">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">compact</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">3</span> IE <span class="emphasis">3</span> HTML <span class="emphasis">3.2</span>&#160;&#160;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">compact</p>
					</td><td valign="top" nowrap class="requirements">Optional&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Wenn dieses Attribut auf <span class="literal">true</span> gesetzt ist (da im <span class="literal">dl</span>-Tag vorhanden), wird der Browser mit dem booleschen Attribut <span class="literal">compact</span> angewiesen, zusammenh&auml;ngende <span class="literal">dt</span>/<span class="literal">dd</span>-Paare m&ouml;glichst auf der gleichen Zeile darzustellen. Wieviel Platz daf&uuml;r ben&ouml;tigt wird (Navigator und Internet Explorer) h&auml;ngt von der Gr&ouml;&szlig;e des Einzugs ab, der einem <span class="literal">dd</span>-Element normalerweise zugewiesen ist (je nach Betriebssystem weicht die Gr&ouml;&szlig;e des Einzugs teilweise ab). Wenn bei aktivem <span class="literal">compact</span>-Attribut das <span class="literal">dt</span>-Element schmaler als der Einzug ist, wird das <span class="literal">dd</span>-Element von der Zeile darunter hochgezogen und auf der gleichen Zeile wie das zugeh&ouml;rige <span class="literal">dt</span>-Element dargestellt. Da die Zeichenbreiten bei Proportionalschriften stark schwanken, gibt es keine feste Regel daf&uuml;r, wie viele Zeichen ein <span class="literal">dt</span>-Element haben darf, damit das <span class="literal">dd</span>-Element auf der gleichen Zeile dargestellt werden kann. Dieser kompakte Stil wurde allerdings f&uuml;r <span class="literal">dt</span>-Elemente mit wenigen Zeichen konzipiert. In HTML 4 gilt dieses Attribut als veraltet und l&auml;sst sich mit strikten HTML 4- oder XHTML-DTDs nicht validieren.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;DL compact&gt;<span class="replaceable">ListItems</span>&lt;/DL&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
				</tr>
				<tr>
					<td><p>Leistungsmerkmal wird aktiviert, wenn der Attributname vorhanden ist.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
				</tr>
				<tr>
					<td><p>Deaktiviert.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Objektmodellreferenz</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID</span>).compact </pre>
						</span></td>
				</tr>
			</table>
		</div>
		<div id="lang">
			<table cellpadding="0" cellspacing="0" border="0" width="100%" class="main">
				<tr><td valign="top" class="name">lang</td><td valign="top" nowrap class="compatibility">NN <span class="emphasis">3</span> IE <span class="emphasis">4</span> HTML <span class="emphasis">4</span>&#160;&#160;</td>
				</tr>
				<tr>
					<td colspan="2" class="divider"><img src="dwres:18084" width="100%" height="1"></td>
				</tr>
				<tr>
					<td valign="top" nowrap class="usage"><p class="literal">lang="<span class="replaceable">languageCode</span>"</p>
					</td><td valign="top" nowrap class="requirements">Optional&#160;&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="description"><p>Die f&uuml;r die Attributwerte und Inhalte des Elements verwendete Sprache. Mithilfe dieser Informationen ist der Browser besser in der Lage, bestimmte Details wie Ligaturen (sofern von der betreffenden Schrift unterst&uuml;tzt oder in der geschriebenen Sprache erforderlich), Anf&uuml;hrungszeichen und Worttrennungen korrekt darzustellen. Andere Anwendungen und Suchmaschinen k&ouml;nnen anhand dieser Informationen W&ouml;rterb&uuml;cher f&uuml;r die Rechtschreibpr&uuml;fung ausw&auml;hlen und Indizes erstellen.
</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="example"><span class="title">Beispiel</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>&lt;SPAN lang="de"&gt;Deutsche Bundesbahn&lt;/SPAN&gt;</pre>
						</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="value"><span class="title">Wert</span></td>
				</tr>
				<tr>
					<td><p>Sprachcode, bei dem nicht zwischen Gro&szlig;- und Kleinschreibung unterschieden wird.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" nowrap colspan="2" class="default"><span class="title">Standardwert</span></td>
				</tr>
				<tr>
					<td><p>Vorgabe des Browsers.</p>
					</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="objectmodelreference"><span class="title">Objektmodellreferenz</span></td>
				</tr>
				<tr>
					<td valign="top" colspan="2" class="CLEARSEPARATION">&#160;</td>
				</tr>
				<tr>
					<td><span class="programlisting"><pre>[window.]document.getElementById(<span class="replaceable">elementID).</span>lang</pre>
						</span></td>
				</tr>
			</table>
		</div>
</body>
</html>