The HTML <data>
element links a given piece of content with a machine-readable translation. If the content is time- or date-related, the <time>
element must be used.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Content categories | Flow content, phrasing content, palpable content. |
---|---|
Permitted content | Phrasing content. |
Tag omission | None, both the starting and ending tag are mandatory. |
Permitted parents | Any element that accepts phrasing content. |
Implicit ARIA role | No corresponding role |
Permitted ARIA roles | Any |
DOM interface | HTMLDataElement |
Attributes
This element's attributes include the global attributes.
value
- This attribute specifies the machine-readable translation of the content of the element.
Examples
The following example displays product names but also associates each name with a product number.
<p>New Products</p> <ul> <li><data value="398">Mini Ketchup</data></li> <li><data value="399">Jumbo Ketchup</data></li> <li><data value="400">Mega Jumbo Ketchup</data></li> </ul>
Specifications
Specification | Status | Comment |
---|---|---|
HTML Living Standard The definition of '<data>' in that specification. |
Living Standard | No change from HTML5 |
HTML5 The definition of '<data>' in that specification. |
Recommendation | Initial definition. |
Browser compatibility
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
data | Chrome Full support 62 | Edge Full support ≤18 | Firefox Full support 22 | IE No support No | Opera Full support 49 | Safari Full support 10 | WebView Android Full support 62 | Chrome Android Full support 62 | Firefox Android Full support 22 | Opera Android Full support 46 | Safari iOS Full support 10 | Samsung Internet Android Full support 8.0 |
Legend
- Full support
- Full support
- No support
- No support
See also
- The HTML
<time>
element.