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.
User-submitted codepen.io examples of <data>
↴
Submit a codepen.io link that demonstrates <data>
: