HTML-Tipp: Wenig bekannte Features des dl-Elements
In einem kurzen Link-Post fasst Simon Willison einen Artikel von Ben Meyer zusammen, der wenig bekannte Eigenschaften des HTML-`<dl>`-Elements beleuchtet. So kann auf ein einzelnes `<dt>` mehrere `<dd>`-Elemente folgen. Zur besseren Strukturierung darf man `<dt>` und `<dd>` in ein `<div>` einwickeln – allerdings ausschließlich in ein `<div>`, nicht in andere Elemente. Außerdem lassen sich Listen per `aria-labelledby` mit einer Überschrift verknüpfen. Ein historischer Hinweis: Seit einem HTML5-Entwurf von 2008 heißt das Element offiziell „description list" und nicht mehr „definition list". Willison verweist zusätzlich auf eine Notiz von Accessibility-Experte Adrian Roselli zum Screen-Reader-Support für description lists, der in der Praxis nicht vollständig konsistent ist.
- Ein `<dt>` kann von mehreren `<dd>`-Elementen gefolgt werden.
- Gruppierung von `<dt>` und `<dd>` in einem `<div>` für CSS-Styling ist erlaubt – nur `<div>`, kein anderes Element.
- ARIA-Labeling via `aria-labelledby` auf dem `<dl>`-Element ist valide.
- Seit einem HTML5-Entwurf von 2008 ist die offizielle Bezeichnung 'description list', nicht 'definition list'.
- Adrian Roselli dokumentiert Einschränkungen beim Screen-Reader-Support für description lists.
Frag die KI zum Artikel
Folgefragen zu Headline, Quelle und Volltext — Antwort streamt in wenigen Sekunden.
Verwandte Beiträge
HTML-Tipp: Wenig bekannte Features des dl-Elements
In einem kurzen Link-Post fasst Simon Willison einen Artikel von Ben Meyer zusammen, der wenig bekannte Eigenschaften des HTML-`<dl>`-Elements beleuchtet. So kann auf ein einzelnes `<dt>` mehrere `<dd>`-Elemente folgen. Zur besseren Strukturierung darf man `<dt>` und `<dd>` in ein `<div>` einwickeln – allerdings ausschließlich in ein `<div>`, nicht in andere Elemente. Außerdem lassen sich Listen per `aria-labelledby` mit einer Überschrift verknüpfen. Ein historischer Hinweis: Seit einem HTML5-Entwurf von 2008 heißt das Element offiziell „description list" und nicht mehr „definition list". Willison verweist zusätzlich auf eine Notiz von Accessibility-Experte Adrian Roselli zum Screen-Reader-Support für description lists, der in der Praxis nicht vollständig konsistent ist.
- Ein `<dt>` kann von mehreren `<dd>`-Elementen gefolgt werden.
- Gruppierung von `<dt>` und `<dd>` in einem `<div>` für CSS-Styling ist erlaubt – nur `<div>`, kein anderes Element.
- ARIA-Labeling via `aria-labelledby` auf dem `<dl>`-Element ist valide.
- Seit einem HTML5-Entwurf von 2008 ist die offizielle Bezeichnung 'description list', nicht 'definition list'.
- Adrian Roselli dokumentiert Einschränkungen beim Screen-Reader-Support für description lists.
Frag die KI zum Artikel
Folgefragen zu Headline, Quelle und Volltext — Antwort streamt in wenigen Sekunden.