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>

The following example displays product names but also associates each name with a product number:

• Cherry Tomato
• Beef Tomato
• Snack Tomato

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.

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.