Definitions Listen im HTML
HTML-Webseite und die Definitions Listen
Obwohl Definitions-Listen für das Erstellen von Glossaren (Erklärung verschiedener Abkürzungen, Fachbegriffe und Fremdwörter) verwendet werden sollen, lassen sie sich für unterschiedliche Dinge verwenden, z.B. für Menülisten mit zusätzlichen Erklärungen oder als Vokabelliste für Fremdsprachen. Anders als bei den vorherigen Listen (nummerierte Listen und Aufzählungslisten) werden drei verschiedene Elemente zur Definition verwendet:
-
dl(engl. definition list, dt. Definitionsliste) ist das Hauptelement einer Definitionsliste und enthält die Elementedtunddd. -
dt(engl. definition list term, dt. Definitionsbegriff) enthält den zu erklärenden Begriff. -
dd(engl. definition list definition, dt. Definition) enthält die Definition des zuvor angeführten Begriffs.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!-- Beispiel für Definitions-Listen -->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-utf-8" />
<title>Definitions-Listen im HTML</title>
</head>
<body>
<h1>
Abkürzungen für die Definitions-Listen
</h1>
<dl>
<dt>IE</dt>
<dd>Microsoft Internet Explorer 1 – 6</dd>
<dt>NN</dt>
<dd>Netscape Navigator 1 – 5</dd>
<dt>N6</dt>
<dd>Netscape 6</dd>
<dt>OP</dt>
<dd>Opera 1 – 6</dd>
<dt>MZ</dt>
<dd>Mozilla 1</dd>
</dl>
</body>
</html>
Zuerst wird die Definitions-Liste mit dem dl-Element eingeleitet. Das bereits bekannte Element li wird bei Definitions-Listen nicht verwendet, sondern die Elemente dt für den zu definierenden Begriff und dd für die entsprechende Erklärung.
Die Reihenfolge und die Anzahl dieser Elemente sind innerhalb einer Definitions-Liste (dl) nicht fest vorgeschrieben. Sie können also mehrere Begriffe oder Definitionen hintereinander notieren, wenn es zu einem Begriff beispielsweise zwei oder mehr Definitionen gibt. Durch die Verschachtelung von Definitions-Listen ist es außerdem möglich, eine Baumstruktur aufzubauen.
<dl>
<dt>IE</dt>
<dd>Microsoft Internet Explorer 4</dd>
<dd>Microsoft Internet Explorer 5.x</dd>
<dd>Microsoft Internet Explorer 6</dd>
<dt>NN</dt>
<dd>Netscape Navigator 3</dd>
<dd>Netscape Navigator 4.x</dd>
<dt>N6</dt>
<dd>Netscape 6</dd>
<dd>Netscape 7</dd>
</dl>
