Creating custom attributes with HTML5

A new feature introduced in HTML 5 is the addition of custom data attributes.

A custom data attribute starts with data- and would be named based on your requirement.

<div class = "example" data-sports = "cricket" data-level = "complex">
   ...
</div>

The above will be perfectly valid HTML5 with two custom attributes called data-subject and data-level. You would be able to get the values of these attributes using JavaScript APIs or CSS in a similar way as you get for standard attributes.

karthikeya Boyini

I love programming (: That's all I know

Updated on: 29-Jan-2020

266 Views

Kickstart Your Career

Get certified by completing the course

Get Started