The HTML <data> tag is used to provide a machine readable version of its own contents. It displays the data in a special format. It is useful in the case where your data needs to be in a certain format because it may be processed by a script, but this might not be the format that you’d like your users to see.

Let’s take a scenario to understand it well:

Suppose you have to represent some numbers to your users with letter (i.e. one, two, three and so on) but you have script that sorts the numbers in ascending or descending orders. So your script needs numbers in a format like 1, 2, 3… etc.

The <data> tag is here to solve your problem.

For the users: Write within the <data>….</data> tag.

For the script: Use value attribute.

<data value=“1”>One </data>

HTML data tag attribute

There is only one required attribute. The data tag supports global and event attributes also.

Attribute Description
value It is required attribute. It is used to provide the machine-readable version of tag’s content.

HTML data tag example

    • Java Tutorial

 

    • SQL tutorial

 

    • HTML tutorial

 


Output:

  • Java Tutorial
  • SQL tutorial
  • HTML tutorial