HTML Definitionsliste (DL) Generator
Ideal für Glossare, Metadaten oder Frage-Antwort-Paare.
Anwendung & Beispiele
Pro Zeile ein Begriff-Beschreibungs-Paar, getrennt durch | (Pipe). Beispiel: HTML | HyperText Markup Language. Dies ergibt automatisch je ein <dt>- und ein <dd>-Element.
FAQ
Wann nutzt man <dl>?
Für Begriff-Definition-Paare: Glossare, Metadaten (Autor, Datum), Frage-Antwort-Listen. Auch für Dialoge geeignet (<dt> Sprecher, <dd> Aussage).
Kann ich mehrere <dd> zu einem <dt> haben?
Ja — ein Begriff kann mehrere Beschreibungen haben. Auch umgekehrt: mehrere <dt> für eine <dd> (z.B. Synonyme).
Wie style ich <dl> in einem Tabellen-Layout?
Per CSS Grid: dl { display: grid; grid-template-columns: max-content 1fr; gap: .5em 1em; } — <dt> linksbündig, <dd> rechts.
Wofür sind ID, Class und Title?
id identifiziert ein Element eindeutig (für CSS, JS, Anker-Links). class erlaubt CSS-Styling, mehrere Klassen werden mit Leerzeichen getrennt. title erzeugt einen Tooltip beim Hover.
Funktioniert der Code in allen Browsern?
Alle hier erzeugten Elemente sind valides HTML5 und werden in allen modernen Browsern (Chrome, Firefox, Safari, Edge, Opera) unterstützt. Bei sehr alten Browsern (z.B. IE 11) kann es bei einzelnen Input-Typen wie color oder date Einschränkungen geben.