2014-09-08 7 views
2

J'ai donc trouvé très pratique d'ajouter des attributs personnalisés aux balises html et de les parcourir ensuite avec un script qui fait ensuite quelque chose à cet élément en fonction de cet attribut. Par exemplehtml attributs personnalisés légalité

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

puis, sur la charge de la fenêtre, un script passe par tous les éléments du document, choisit ceux qui ont l'attribut « hoverText », recherche d'autres attributs qui lui sont associés et fait ses différents magic (dans ce cas, il ajoute une div avec un texte faible qui devient visible lorsque l'utilisateur survole l'élément spécifié)

Cela fonctionne très bien dans les navigateurs que j'ai testé (opéra 12, chrome 35) mais y a-t-il garantir qu'il ne va pas rompre à un moment donné? Que disent les normes sur les attributs personnalisés?

+1

Je recommande d'utiliser le préfixe 'data-'. https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes – showdev

+0

Non, il n'y a aucune garantie que cela ne se casse pas à un moment donné. Utilisez les attributs 'data-'. – meagar

Répondre

2

Utilisez data attributes à cette fin. Les attributs de données sont des attributs préfixés par data- - cela fait partie de HTML5 et les navigateurs compatibles les reconnaissent. Votre élément ressemblerait à

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