Artikeleinführung von Wulin.com (www.vevb.com): Das HTML -Tag verwendet Benutzerattribute, um die W3C -Überprüfung zu übergeben.
Gestern musste ein Freund eines Freundes die W3C-Überprüfung bestehen (vielleicht denken Sie, dass dies eine sehr verdammte Sache ist, aber ich denke auch, dass die Browserkompatibilität das Endergebnis ist, aber der Kunde ist seit vielen Jahren tot, aber die Leute denken immer noch, dass er noch am Leben ist. Westler nennen God-God, und Hunde sind nur ein RI entfernt. Wenn ihre Bedürfnisse nicht erfüllt sind, werden keine Bedürfnisse erfüllt. Aber er schrieb einige Benutzerattribute in das Tag, damit er es nicht bekommen konnte. Ich fragte mich nach der Lösung und dachte an einige Möglichkeiten, sie ihm zu geben.Lassen Sie mich zunächst erklären, was Benutzerattribute sind. Wenn Sie ein Meister sind, müssen Sie sie nicht lesen. <tag yourattr = yourattrValue> </tag>. Der rote Teil ist die Benutzerattribute. Manchmal, wenn wir JavaScript Code verwenden müssen, um etwas zu erstellen, ist dies unerlässlich. Aber er kann die W3C -Überprüfung wirklich nicht bestehen.
Hier sind einige Lösungen, an die ich denken kann:
1. Verwenden Sie sie anstelle von Benutzerattributen.
<Tag class = normal>
<Tag class = myattr> myattrValue </tag>
<Tag> Inhalt </tag>
</tag>
Dann CSS einstellen
.MyAttr {Anzeige: Keine;}
So erhalten Sie diese Daten, Sie können sie selbst überprüfen.
2. Verwenden Sie HTML5 DTD + Daten-, um sie zu lösen
HTML5 unterstützt benutzerdefinierte Eigenschaften, erfordert jedoch, dass es mit Daten beginnen muss und überprüft werden kann.
<Tag data-myattr = myAttrValue> </tag>
3.. Verwenden Sie gemeinsame Attribute zum Lösen
Das Titelattribut ist für die meisten Tags verfügbar und kann vollständig überprüft werden.
<Tag title = MyAttrValue> </tag>
Das Problem ist jedoch, dass der Titel direkt angezeigt wird, was eine sehr schlechte Benutzererfahrung ist, wenn sich die Maus zum Tag bewegt.
Ich dachte also daran, JavaScript oder JQuery zu verwenden, um dieses Problem zu lösen:
(Funktion ($) {
$ .fn.SetUserattr = Funktion (Optionen) {
var defaults = {dataname: userData};
var opts = $ .extend ({}, Standardeinstellungen, Optionen || {});
Gibt this.each (function () {zurück
$ this = $ (this);
var userAttrval = $ this.attr (Titel);
$ this.attr (Titel). Daten (opts.dataname, userAttrval);
})
};
}) (jQuery)
HTML:
<tag class = uaeTtr -title = myAttrValue> </tag>
Anwendung:
$ (. UseTtr) .SetUserattr ();
Holen Sie sich Daten über $ (. UseTtr) .Data (userData).
oder
$ (. UseTtr) .setUserAttr ({Dataname: yourattrName});
Holen Sie sich Daten über $ (. UseTtr) .Data (yourattrName)
Natürlich sind es nur einige persönliche Gedanken.