HTML Data Tag

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.

HTML data tag attribute

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

HTML data tag example

Output:

• Java Tutorial
• SQL tutorial
• HTML tutorial

Supporting Browsers

Element	Chrome	IE	Firefox	Opera	Safari
<data>	Yes	Yes	Yes	Yes	Yes