Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of HTML data Tag</title> <style> data:hover::after { content: ' (ID ' attr(value) ')'; font-size: .7em; } </style> </head> <body> <p>New Products</p> <ul> <li><data value="204">Green Tea</data></li> <li><data value="205">Tomato Ketchup</data></li> <li><data value="206">Roasted Coffee Beans</data></li> </ul> <p><strong>Note:</strong> Place the mouse pointer over the list item to see how it actually works.</p> </body> </html>
