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
| Value | Explanation |
|---|---|
| name | Specifies 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.