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.


Ad blocker gedetecteerd!
  Ons website heeft gedetecteerd dat u een Ad blocker gebruikt. Codecenter.nl is gratis, wij blijven overeind door het weergeven van advertenties en u kunt ons daarbij helpen. Het wordt aanbevolen om uw Ad blocker uit te schakelen zodat u verder gebruik kunt maken van codecenter.nl, alvast bedankt.