HTML - <data>

The HTML <data> Element links a given content with a machine-readable translation. If the content is time- or date-related, the <time> must be used.

Example

The following example displays product names but also associates each name with its UPC code.

<p>New Products</p>
<ul>
 <li><data value="3967381398">Mini Ketchup</data></li>
 <li><data value="3967381399">Jumbo Ketchup</data></li>
 <li><data value="3967381400">Mega Jumbo Ketchup</data></li>
</ul>

Description  

The HTML <data> Element links a given content with a machine-readable translation. If the content is time- or date-related, the <time> must be used.

Content categories Flow content, phrasing content, palpable content.
Permitted content Phrasing content.
Tag omission None, both the starting and ending tag are mandatory.
Permitted parent elements Any element that accepts phrasing content.
DOM interface HTMLDataElement

Attributes

Includes the Global Attributes.

NameVersionDescription
value This attribute specifies the machine-readable translation of the content of the element.

Browser Compatibility  

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support Not supported 22.0 (22.0) bug 839371 Not supported Not supported Not supported
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support Not supported Not supported Not supported Not supported Not supported

See Also  

Specifications  

Specification Status Comment
WHATWG 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.

License

© 2016 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-us/docs/web/html/element/data