XHTML5.NL

<details>-element (X)HTML

  • HTML 5+
  • XHTML 5+
  • IE niet
  • Chrome 12.0+
  • Firefox niet
  • Safari niet
  • Opera niet

Het <details>-element is een blokelement dat door de gebruiker in- en uitgeklapt kan worden.

De inhoud bestaat uit een <summary>-element voor de samenvattende kop van het blok, gevolgd door elementen op blokniveau of inline elementen die de daadwerkelijke inhoud bevatten.

  • <details … > … </details>
  • HTML 5+
  • XHTML 5+
  • IE niet
  • Chrome 12.0+ *
  • Firefox niet
  • Safari niet
  • Opera niet

open-attribuut

Het booleaanse open-attribuut geeft aan dat het blok initieel is uitgeklapt.

Let erop dat browsers die dit attribuut niet ondersteunen, het blok altijd uitgeklapt weergeven tenzij dit wordt voorkomen met bijvoorbeeld CSS.

Als dit attribuut in XHTML is gebruikt, plaatste Chrome tot versie 13 de knop voor het dichtklappen verkeerd.

  • <details open="open" … > … </details>

Globale attributen

De globale attributen mogen op elk element worden toegepast. Dit zijn accesskey, class, contenteditable, contextmenu, data-…, dir, draggable, hidden, id, lang, spellcheck, style, tabindex en title.