Menu
The data tag is used to add a machine-readable translation to the content it is wrapped around.
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>
value
The value attribute contains the machine-readable translation of the enclosed content.
Have a code example of <data>
? Submit a codepen.io demo and we'll showcase it here ↴