<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

User-submitted codepen.io examples of <data> ↴

@steime

See the Pen on CodePen.

reply?

Want to Contribute?

Submit a codepen.io link that demonstrates <data>: