Store element's data as html attribute

Question

I already saw some tools which stores some state or data inside element's attribute:

<div clicks="2" id="myDiv" class="some-class">

but it's invalid in some doctypes.

At all. Is this a good solution for stateful elements? If not, some advice will be appreciated.

Thanks in advance.

Answer 1

Under HTML5 you have the option to use, valid, data-* attributes, such as, in this case data-clicks to store user-defined data.

References:

• Embedding custom non-visible data with the data attributes.
• HTML5 Custom Data Attributes.