HTML <data> Tag
Example
The following example displays product names but also associates each name with a product number:
<ul>
<li><data value="21053">Cherry
Tomato</data></li>
<li><data value="21054">Beef
Tomato</data></li>
<li><data value="21055">Snack
Tomato</data></li>
</ul>
Try it Yourself »
Definition and Usage
The <data> tag is used to add a machine-readable
translation of a given content.
This element provides both a machine-readable value for data processors, and a human-readable value for rendering in a browser.
Tip: If the content is time- or date-related, use the <time> element instead.
Browser Support
| Element | |||||
|---|---|---|---|---|---|
| <data> | 62.0 | 13.0 | 22.0 | Not supported | 49.0 |
Attributes
| Attribute | Value | Description |
|---|---|---|
| value | machine-readable format | Specifies the machine-readable translation of the content of the element |
Global Attributes
The <data> tag also supports the Global Attributes in HTML.
