2014-09-08 5 views
2

Итак, мне было очень удобно добавлять некоторые пользовательские атрибуты в теги html, а затем переходить через них со скриптом, который затем что-то делает с этим элементом на основе этого атрибута. Напримерhtml пользовательские атрибуты legality

<div hoverText = "i am hover text" hoverTextColor = "rgba(0,0,0,0.2)">some other text</div> 

, а затем, на оконной нагрузке, скрипт проходит через все элементы в документе, выбирает тот, которые имеют атрибут «hoverText», ищет другие атрибуты, связанные с ним, и делает это различным magic (в этом случае он добавляет div с слабым текстом, который становится видимым, когда пользователь зависает над указанным элементом)

Он отлично работает в браузерах, которые я тестировал (опера 12, хром 35), но есть ли какие-либо гарантировать, что он не сломается в какой-то момент? Что говорят стандарты о пользовательских атрибутах?

+1

Я рекомендую использовать префикс 'data-'. https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes – showdev

+0

Нет, нет гарантии, что это не сломается в какой-то момент. Используйте атрибуты 'data-'. – meagar

ответ

2

Используйте data attributes для этой цели. Атрибутами данных являются атрибуты с префиксом data- - это часть HTML5, и совместимые браузеры распознают их. Ваш элемент будет выглядеть так:

<div data-hoverText="i am hover text" data-hoverTextColor="rgba(0,0,0,0.2)">some other text</div> 
Смежные вопросы