В HTML5, помимо использования глобальных атрибутов , которые можно использовать с любым элементом, вы также можете определить свои собственные атрибуты, используя атрибуты data-
.
<div class="marvellous" data-for="xy" data-another-attribute="nothing"></div>
Джон Ресиг на data-
атрибуты
Все, что вам нужно сделать, это использовать тип документа HTML5 (<!DOCTYPE html>
), и ваша страница будет действительной. Этот тип документа отлично работает даже в старых браузерах.