HTML <details> Tag

Snelmenu:

VoorbeeldVoorbeeld:
<details>
<summary>Acer Aspire S7 specificaties</summary>
<p><b>Scherm en videokaart</b><br>
Schermdiagonaal: 13,3"<br>
Resolutie: 2560x1440<br>
Beeldverhouding: 16:9<br>
Multitouch: Ja<br>
Videochip: Intel HD Graphics</p>
</details>


Beschrijving

De <details> tag geeft aanvullende informatie die de gebruiker kan bekijken of verbergen. De inhoud van het element is standaard niet zichtbaar tenzij het attribuut "open" wordt gebruikt om de inhoud direct zichtbaar te maken voor de gebruiker.


Browser ondersteuning

Het element wordt ondersteund door de volgende browsers:

Element:
<details> Ja Nee Nee Ja Ja Ja

Attributen

De volgende attributen worden door het <details> element ondersteund:

Versie Attribuut Waarde Beschrijving
HTML5 open open Geeft aan dat de details zichtbaar moeten zijn voor de gebruiker.

Event attributen

De <details> tag ondersteunt ook de Event attributen in HTML.

Globale attributen

De <details> tag ondersteunt ook de Globale attributen in HTML.