Über `dl`

Über HTML-Elemente bloggen¹? *Chefskuss*

Hier ist Ben Myers über das (passend beschriebene) „unterbewertete“ Definitionslisten-Element (<dl>) in HTML

Sie haben vielleicht auch Listen mit Namen-Wert-Paaren gesehen, die Unterkunftsmerkmale beschreiben, oder einzelne Gebühren in Ihrer monatlichen Miete auflisten, oder in Glossaren technischer Begriffe. Jede dieser ist ein Kandidat für die Darstellung mit dem <dl> Element.

Element

Definitionsliste

Coolness-Faktor

10/10

Vielseitigkeit

7/10

Ben sagt, er sei mit der HTML-Semantik zufrieden, auch wenn die Vorteile der Verwendung davon eher *theoretisch* sind. Aber im Falle von <dl> gibt es zumindest einige greifbare Vorteile für Screenreader, wie die Tatsache, dass die Anzahl der Elemente in der Liste, wie erwartet, angekündigt wird (größtenteils), wie bei geordneten und ungeordneten Listen. Das macht Sie aber neugierig, welche Zahl sie ankündigt, nicht wahr? Ist es die Anzahl der Kinder, unabhängig vom Typ? Nur die <dt> Elemente?

Wo wir gerade von Kindern sprechen, das hier sieht vielleicht seltsam aus

<dl>
  <div>
    <dt>Title</dt>
    <dd>Designing with Web Standards</dd>
  </div>
  <div>
    <dt>Author</dt>
    <dd>Jeffrey Zeldman</dd>
    <dd>Ethan Marcotte</dd>
  </div>
  <div>
    <dt>Publisher</dt>
    <dd>New Riders Pub; 3rd edition (October 19, 2009)</dd>
  </div>
</dl>

Aber diese dazwischenliegenden <div>s, die Dinge gruppieren, sind jetzt cool. Sie sind unglaublich praktisch, wenn Sie die Gruppierungen als „Zeilen“ gestalten möchten oder etwas tun möchten, wie z. B. eine Trennlinie unter jeder Gruppe hinzufügen. Aber keine <div>s für geordnete oder ungeordnete Listen, nur für Definitionslisten. Glückliche Säcke. Was kommt als Nächstes? Wird <hgroup> ein Comeback erleben?