HTML data Tag is used to add machine readable information for the content which also acts as translation of human readable content.
Table of Contents
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.