HTML <data> Tag


The <data> HTML tag is a relatively new element introduced in HTML5, designed to provide semantic meaning to its enclosed content by denoting that it contains machine-readable data. It is often used to mark up numerical or quantitative data within the document, making it easier for web developers and search engines to recognize and process the information. This tag is valuable for creating structured and accessible web content, especially when combined with other elements like <time> or <meter> to represent data in a meaningful and standardized manner.


Permitted Parents
Any element that accepts phrasing content
low content, phrasing content, palpable content.
Start/End Tags
Start tag: required, End tag: required


<p>New Products</p>
<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>


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

Global Attributes

The <data> tag also supports the Global Attributes in HTML5

Event Attributes


Browser Support

The following table will show you the current browser support for the HTML <data> tag.

Edge Chrome Firefox Opera Safari
Tablets / Mobile
Chrome Firefox Opera Safari Samsung Webview

Last updated by CSSPortal on: 30th March 2024