Использование data-атрибут HTML5

HTML5 позволяет добавлять к элементам скрытые пользовательские атрибуты, названия которых начинаются на data-. Пользовательские атрибуты могут использоваться и в Haml через использование атрибута :data и записанными в его значение данными. Каждая пара ключ-значение, указанная в значении атрибута, будет трансформирована в пользовательский атрибут. Например:

%a{:href=>"/posts", :data => {:author_id => 123}} Posts By Author

компилируется в

<a data-author-id='123' href='/posts'>Posts By Author</a>

Обратите внимание на то, что подчеркивание в author_id было заменено на дефис. Если вы хотите изменить данное правило, то вы можете присвоить методу :hyphenate_data_attrs значение false, тогда результат будет таким:

<a data-author_id='123' href='/posts'>Posts By Author</a>