Introduction de l'article de wulin.com (www.vevb.com): La balise HTML utilise les attributs utilisateur pour passer la vérification W3C.
Hier, le projet d'un ami, le client devait passer la vérification du W3C (peut-être pensez-vous que c'est une chose très putain, mais je pense aussi que la compatibilité du navigateur est la ligne de fond, mais le client est mort depuis de nombreuses années, mais que les gens pensent toujours qu'il est toujours en vie. Les occidentaux appellent Dieu, et les chiens ne sont qu'à un RI à l'extérieur. Si leurs besoins ne sont pas satisfaits, il n'y a pas de moyen). Mais il a écrit certains attributs d'utilisateurs dans la balise, donc il n'a pas pu l'obtenir. Je me suis interrogé sur la solution et j'ai pensé à certaines façons de le lui donner.Tout d'abord, permettez-moi d'expliquer ce que sont les attributs d'utilisateurs. Si vous êtes un maître, vous n'avez pas besoin de les lire. <tag yourAtTr = yourAttrvalue> </ tag>. La partie rouge est les attributs de l'utilisateur. Parfois, lorsque nous devons utiliser le code JavaScript pour créer quelque chose, cela est essentiel. Mais il ne peut vraiment pas passer la vérification W3C.
Voici quelques solutions auxquelles je peux penser:
1. Utilisez des sous-étiquettes pour les masquer au lieu des attributs utilisateur.
<tag class = normal>
<tag class = myAttr> myAttrvalue </ Tag>
<gag> Contenu </ TAG>
</ tag>
Puis définissez CSS
.myattr {affichage: aucun;}
Comment obtenir ces données, vous pouvez la vérifier vous-même.
2. Utilisez des données HTML5 DTD + pour le résoudre
HTML5 prend en charge les propriétés définies par l'utilisateur, mais nécessite qu'elle doit commencer par les données et peut passer la vérification.
<tag data-myAttr = myAttrValue> </ Tag>
3. Utilisez des attributs communs pour résoudre
L'attribut de titre est disponible pour la plupart des balises et peut être vérifié complètement.
<TAG TITLE = MyAttrValue> </ Tag>
Cependant, le problème est que lorsque la souris se déplace vers la balise, le titre s'affiche directement, ce qui est une très mauvaise expérience utilisateur.
J'ai donc pensé à utiliser JavaScript ou jQuery pour résoudre ce problème:
(fonction ($) {
$ .fn.seserAtattr = fonction (options) {
var defaultSS = {dataname: userData};
var opts = $ .extend ({}, par défaut, options || {});
return this.each (function () {
$ this = $ (this);
var userArTtrval = $ this.attr (title);
$ this.attr (title,). data (opts.dataname, userArTtrval);
})
};
}) (jQuery)
HTML:
<tag class = usiattr title = myAttrvalue> </ Tag>
application:
$ (. USEATTR) .SetUserAttr ();
Obtenez des données via $ (. USEATTR) .DATA (UserData).
ou
$ (. USEATTR) .SetUserAttr ({dataname: yourAtTrName});
Obtenez des données via $ (. USEATTR) .DATA (YourAtTrName)
Bien sûr, ce ne sont que des pensées personnelles.