❓Чем полезны data- атрибуты?
HTML5 спроектирован с возможностью расширения данных ассоциированных с каким-либо элементом, но в то же время не обязательно имеющих определённое значение. data-* атрибуты позволяют хранить дополнительную информацию в стандартных элементах HTML, без хаков вроде нестандартных атрибутов, лишних DOM-свойств или Node.setUserData().
Синтаксис HTML
<article
id="electriccars"
data-columns="3"
data-index-number="12314"
data-parent="cars">
</article>
Доступ в JavaScript
var article = document.getElementById('electriccars');
article.dataset.columns // "3"
article.dataset.indexNumber // "12314"
article.dataset.parent // "cars"
Доступ в CSS
article::before {
content: attr(data-parent);
}
Ставь ❤️если знаешь ответ
Если нет — ставь 💅
#web