HTML | <data> Tag

The <data> element gives an address to a given content with a machine-readable translator. This element provides a machine-readable value for the processors and a human-readable value that rendered in the browser.

Syntax:

<data attribute> Contents... <data>

Attributes: This tag contains single attributes data which holds the machine-readable translation of the content.

Note: If the content is date or time related content, then use <time> element instead of data element.

Example:

filter_none

edit
close

play_arrow

link
brightness_4
code

<!DOCTYPE html>
<html>
    <head>
        <title>data tag</title>
    </head>
    <body>
        <h1 style="color:green;">GeeksforGeeks</h1>
        <h2><data> Tag</h2>
        <p><b><i>GeeksforGeeks Subject List:</p></b></i>
        <ul>
             <li><data value="009">Data Structure</data></li>
             <li><data value="010">Algorithm</data></li>
             <li><data value="011">HTML</data></li>
             <li><data value="019">Operating System</data></li>
             <li><data value="110">Computer Network</data></li>
             <li><data value="111">DBMS</data></li>
        </ul>
    </body>
</html>

chevron_right


Output:

Supported Browsers: The browser supported by <data> tag are listed below:

  • Google Chrome 62.0
  • Internet Explorer
  • Firefox 22.0
  • Opera 49.0


My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.