HTML <data> Tag
Last Updated :
28 Dec, 2023
The <data> tag 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 is rendered in the browser.
Note: If the content is a date or time-related content, then use <time> element instead of the data element.
Syntax:Â
<data value=""> Contents... </data>
Attributes:
This tag accepts a single attribute as mentioned above and described below.
|
It contains a single machine-readable translation of the content.
|
Example 1:Â In this example, we will see the implementation of the data tag with an example.
HTML
<!DOCTYPE html>
<html>
<body>
<h1>GeeksforGeeks</h1>
<h2><data> Tag</h2>
<p>GeeksforGeeks Subject List:</p>
<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>
|
Output:Â
Example 2:Â In this example, we will see the implementation of the data tag with another example.
HTML
<!DOCTYPE html>
<html>
<body>
<h1>GeeksforGeeks</h1>
<h2>The <code><data></code> Tag</h2>
<p>GeeksforGeeks Course List:</p>
<ul>
<li>
<strong>Web Development:</strong>
<data value="101">
HTML, CSS, JavaScript
</data>
</li>
<li>
<strong>Algorithms Masterclass:</strong>
<data value="202">
Sorting, Searching,
Dynamic Programming
</data>
</li>
<li>
<strong>Python for Beginners:</strong>
<data value="303">
Python Basics, Data Structures
</data>
</li>
<li>
<strong>Operating Systems Fundamentals:</strong>
<data value="404">
Processes, Memory Management
</data>
</li>
<li>
<strong>Networking Essentials:</strong>
<data value="505">
TCP/IP, DNS, Firewalls
</data>
</li>
<li>
<strong>Database Design:</strong>
<data value="606">
Relational Databases, SQL
</data>
</li>
</ul>
</body>
</html>
|
Output:
Supported Browsers:Â
- Google Chrome 62
- Edge 18
- Firefox 22
- Opera 49
- Safari 10
Share your thoughts in the comments
Please Login to comment...