<data>

The data tag is used to add a machine-readable translation to the content it is wrapped around.

Syntax

In the following example, a list of product names is given with the associated product number (sku) provided in the data element’s value.

<ul>
  <li><data value="192837">White T-shirt</data></li>
  <li><data value="192746">Red T-shirt</data></li>
  <li><data value="192543">Blue T-shirt</data></li>
</ul>

Attributes

value
The value attribute contains the machine-readable translation of the enclosed content.

Browser Compatibilty

Demos

Have a code example of <data>? Submit a codepen.io demo and we'll showcase it here ↴