Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan
Naslag / Tekst en koppen

Het element <data>

Het <data>-HTML-element koppelt een gegeven stuk inhoud aan een machineleesbare vertaling. Als de inhoud tijd- of datumgerelateerd is, moet het <time>-element worden gebruikt.

Code
<p>New Products:</p>
<ul>
  <li><data value="398">Mini Ketchup</data></li>
  <li><data value="399">Jumbo Ketchup</data></li>
  <li><data value="400">Mega Jumbo Ketchup</data></li>
</ul>
Resultaat in de browser

Attributen

De attributen van dit element omvatten de globale attributen.

valueDit attribuut specificeert de machineleesbare vertaling van de inhoud van het element.

Voorbeelden

Het volgende voorbeeld toont productnamen maar koppelt elke naam ook aan een productnummer.

HTML
<p>New Products</p>
<ul>
  <li><data value="398">Mini Ketchup</data></li>
  <li><data value="399">Jumbo Ketchup</data></li>
  <li><data value="400">Mega Jumbo Ketchup</data></li>
</ul>

Resultaat

Technische samenvatting

Content categories Flow content, phrasing content, palpable content.
Permitted content Phrasing content.
Tag omission None, both the starting and ending tag are mandatory.
Permitted parents Any element that accepts phrasing content.
Implicit ARIA role generic
Permitted ARIA roles Any
DOM interface HTMLDataElement

Zie ook

Verwante elementen