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 Elemente dt und dd.
  • 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>


Definitions-Listen im HTML
Definitions-Listen im 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>


Definitions-Listen im HTML
Definitions-Listen im HTML

Kontakt

Email: Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein!
Tel : 038305 / 529 799
Erstellt mit HTML5 und CSS3 - © 2021  HTML Lernen