Using data attributes in HTML5
HTML5 is designed with extensibility in mind for data that should be associated with a particular element but need not have any defined meaning. data-*attributes allow us to store extra information on standard, semantic HTML elements without other hacks such as non-standard attributes, extra properties on DOM, or Node.setUserData()
.