HTML <data> Tag

Definitie en gebruik

<data> Labels worden gebruikt om een machine-leesbare vertaling van de gegeven inhoud toe te voegen.

Dit element biedt zowel een machine-leesbare waarde voor de dataprocessor als een mens-leesbare waarde voor de presentatie in de browser.

Tip:If the content is related to time or date, please use The <time> element.

Example

This example shows product names and also associates each name with a product number:

<ul>
  <li><data value="10535">Cherry Tomato</data></li>
  <li><data value="10536">Beef Tomato</data></li>
  <li><data value="10537">Snack Tomato</data></li>
</ul>

Try it yourself

Attribute

Attribute Value Description
value machine-readable format Specifies the machine-readable translation of the element content.

Global attributes

<data> The tag also supports Global attributes in HTML.

Browser support

The numbers in the table indicate the first browser version to fully support this property.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
62.0 13.0 22.0 Not supported 49.0