Введение статьи Wulin.com (www.vevb.com): HTML -тег использует атрибуты пользователя для прохождения проверки W3C.
Вчера, проект друга, клиент должен был пройти проверку W3C (возможно, вы думаете, что это очень чертовски вещь, но я также думаю, что совместимость браузера является сутью, но клиент был мертв в течение многих лет, но люди все еще думают, что он все еще жив. Западные люди называют Богом Богом, а собаки-всего лишь один рит. Их потребности не удовлетворяют, нет пути). Но он написал несколько атрибутов пользователя в теге, поэтому он не мог его получить. Я спросил меня о решении и подумал о том, чтобы дать ему его.Во -первых, позвольте мне объяснить, какие атрибуты пользователя. Если вы мастер, вам не нужно их читать. <Tag yourattr = yourattrvalue> </Tag>. Красная часть - это атрибуты пользователя. Иногда, когда нам нужно использовать код JavaScript, чтобы что -то создать, это важно. Но он действительно не может пройти проверку W3C.
Вот некоторые решения, о которых я могу подумать:
1. Используйте подборы, чтобы скрыть их вместо атрибутов пользователя.
<Tag class = нормальный>
<tag class = myattr> myattrvalue </Tag>
<Tag> Content </Tag>
</Tag>
Затем установите CSS
.myattr {display: none;}
Как получить эти данные, вы можете проверить это самостоятельно.
2. Используйте HTML5 DTD + DATA-DATA-
HTML5 поддерживает пользовательские свойства, но требует, чтобы он начался с данных и могла передать проверку.
<Tag Data-myattr = myattrvalue> </Tag>
3. Используйте общие атрибуты для решения
Атрибут заголовка доступен для большинства тегов и может быть полностью проверен.
<Tag telect = myattrvalue> </Tag>
Тем не менее, проблема в том, что когда мышь перемещается в тег, заголовок отображается напрямую, что является очень плохим пользовательским опытом.
Итак, я подумал об использовании JavaScript или jQuery для решения этой проблемы:
(function ($) {
$ .fn.setuserattr = function (options) {
var defaults = {dataName: userData};
var opts = $ .extend ({}, по умолчанию, опции || {});
вернуть это.
$ this = $ (это);
var userattrval = $ this.attr (title);
$ this.attr (title). Data (opts.dataname, userattrval);
})
};
}) (jQuery)
HTML:
<tag class = useattr title = myattrvalue> </Tag>
приложение:
$ (. useattr) .setuserattr ();
Получите данные через $ (. Useattr) .data (userdata).
или
$ (. useattr) .setUserattr ({dataName: yourattrname});
Получите данные через $ (. Useattr) .data (yourattrname)
Конечно, это просто личные мысли.