Можете ли вы определить свои собственные атрибуты HTML-элемента?

Question

Мне было интересно, если вы можете определить свои собственные атрибуты в HTML. Например, в HTML-элементах div есть ряд атрибутов, таких как style, title, class и т. Д. Можете ли вы придумать и добавить свои собственные, оставаясь синтаксически правильными?

Например: <div class="example" test_item="20"></div>

Это необходимо для Javascript и данных.

Answer 1

За одним исключением - нет.HTML использует атрибуты и элементы, определенные в спецификации, и только эти атрибуты и элементы.

Это исключение составляют атрибуты с именами, начинающимися data-, и только в том случае, если вы следуете HTML5 черновик.

При этом часто бывает целесообразно закодировать данные в атрибуте id или class.

Answer 2

Вы можете определить атрибут данных для любого элемента следующим образом и использовать метод данных jQuery для простого извлечения этих атрибутов.

<div class="example" data-mydata="mydata")></div>

//In jquery to retrieve mydata you have to just say
$(".example").data("mydata");

Answer 3

для записи вы можете добавить любой атрибут к элементу с помощью javascript, используя setAttribute ("name", "value")

document.body.setAttribute("name","value");

и работает нормально. Это также в основном кросс-браузер: quirksmode

Answer 4

Синтаксически правильно - НЕТ;тем не менее, jQuery будет читать любой атрибут, добавленный вами в тег HTML, без каких-либо проблем.