HTML <data> Tag

The <data> tag is a new element in HTML5. The tag is used to define machine-readable analogue for the specified data (a standardized version, understandable to automated systems or scripts on the website).

This may be useful in cases when the data should be in a certain format necessary for running scripts, but you don’t want your users to see this format. For example, you want to display a list of products for your users to choose from. Each product has its ID, but you don’t want to show this information to your users. Then you place the product IDs in the <data> tag, and the machine will process this information and show users the product with the corresponding ID.

We recommend to use the <time> tag. If the value is date or time related.

Syntax

The content of the <data> tag is being placed between the opening (<data>) and the closing (</data>) tags.

Example

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p>Refrigerated drinks</p>
    <ul>
      <li>
        <data value="1545325112">Coca-Cola 500ml</data>
      </li>
      <li>
        <data value="1545325113">Coca-Cola 330ml</data>
      </li>
      <li>
        <data value="1545325114">Coca-Cola Light 330ml</data>
      </li>
    </ul>
  </body>
</html>

Attributes

Attribute Value Description
value Sets the machine-readable version of the contents of the <data> tag.

The <data> tag also supports the Global Attributes and the Event Attributes.