HTML data Tag

HTML data Tag is used to add machine readable information for the content which also acts as translation of human readable content.

Syntax of HTML data Tag

The Syntax of HTML data Tag is shown below, It has both starting and ending tags.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<data value='100'>Hundred</data>
</body>
</html>

Usage of HTML data Tag

HTML Data Tag defines the machine readable format of the content so that it can be used by any kind of code or script, because the original form of content which is human readable can't be manipulated by any script.

The value attribute is used inside the data tag to define the machine translation of the content.

Example of HTML data Tag

Simple example of HTML data Tag is shown below.

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<ul>
<li><data value="1">HTML</data></li>
<li><data value="2">CSS</data></li>  
<li><data value="3">JavaScript</data></li>
</ul>
</body>
</html>

Output

The output of data above is shown below.

  • HTML
  • CSS
  • JavaScript

Browser Support for HTML data Tag

HTML data Tag is supported by all major browsers except Safari.

Global Attributes Support in HTML data Tag

The HTML data Tag supports all Global Attributes.

Event Attributes Support in HTML data Tag

The HTML data Tag supports all Event Attributes.

HTML data Tag Video

Watch our video on HTML data Tag and subscribe our Youtube Channel.