HTML data-* Attribute

HTML data-* Attribute

The data-* attribute is also called as custom data attribute, it is used for grouping elements within its parent element.

Note: The data-* is a global attribute and is common to all HTML elements; they can be used on all elements, though they may have no effect on some elements.

Example

HTML Online Editor
<!DOCTYPE html> <html> <body> <ul> <li data-snake-type="non-venomous">Bullsnake</li> <li data-snake-type="venomous">King Cobra</li> <li data-snake-type="non-venomous">Garter snake</li> <li data-snake-type="venomous">mambas</li> </ul> </body> </html>

Attribute Value

ValueExplanation
nameSpecifies a custom attribute, it is used for grouping elements within its parent element.

Reminder

Hi Developers, we almost covered 99.5% of HTML Tutorials with examples for quick and easy learning.

We are working to cover every Single Concept in HTML.

Please do google search for:

Join Our Channel

Join our telegram channel to get an instant update on depreciation and new features on HTML, CSS, JavaScript, jQuery, Node.js, PHP and Python.

This channel is primarily useful for Full Stack Web Developer.

Meet the Author