該樓層疑似違規(guī)已被系統(tǒng)折疊?隱藏此樓查看此樓

昨天一個(gè)朋友的項(xiàng)目，客戶需要通過(guò)w3c驗(yàn)證(可能你認(rèn)為這是很操蛋的一件事情，其實(shí)我也這樣認(rèn)為， 瀏覽器兼容才是硬道理， 但顧客就是死了很多年但人們還以為他還活著一個(gè)扯蛋的東東，西方人叫做上帝-god, 狗的，就差一個(gè)ri，他們的需求，不滿足就沒(méi)辦法呀)。但是他在標(biāo)簽里寫(xiě)了一些用戶屬性，所以通不過(guò)。問(wèn)我解決的方案，想了一些方法給他。

首先解釋一下什么叫用戶屬性，如果你是高手，可以不用看。 。紅色的部分就是用戶屬性，有時(shí)候我們需要用javascript code某些東西的時(shí)候，這個(gè)必不可少。 但他確實(shí)不能通過(guò)W3C的驗(yàn)證。

下面是我能想到的一些解決方案：

一、用子標(biāo)簽隱藏來(lái)代替用戶屬性。

myAttrValue

內(nèi)容

然后設(shè)置css

.myAttr{display:none;}

怎么獲取那個(gè)數(shù)據(jù)，可以自己去查一下。

二、使用HTML5 DTD + data- 來(lái)解決

html5支持用戶自定義屬性，但要求必須以“data-”開(kāi)始，可以通過(guò)驗(yàn)證。

三、使用通用屬性來(lái)解決

title屬性是大多數(shù)標(biāo)簽都可以有的，完全可以通過(guò)驗(yàn)證。

可是，問(wèn)題來(lái)了，當(dāng)鼠標(biāo)移動(dòng)到標(biāo)簽上，title直接顯示出來(lái)，很不好的用戶體驗(yàn)。

所以，想到了用javascript或者jquery來(lái)解決這個(gè)問(wèn)題：

(function($){

$.fn.setUserAttr=function(options){

var defaults={dataName:"userData"};

var opts = $.extend({},defaults,options||{});

return this.each(function(){

$this=$(this);

var userAttrVal=$this.attr("title");

$this.attr("title","").data(opts.dataName,userAttrVal);

})

};

})(jQuery)

html:

應(yīng)用：

$(".useAttr").setUserAttr();

通過(guò)$(".useAttr").data("userData")來(lái)獲取數(shù)據(jù).

或者

$(".useAttr").setUserAttr({dataName:"yourAttrName"});

通過(guò) $(".useAttr").data("yourAttrName ")來(lái)獲取數(shù)據(jù)

當(dāng)然，只是個(gè)人的一些想法。

總結(jié)

以上是生活随笔為你收集整理的w3c怎么检测html5,HTML5教程：html标签属性通过w3c验证的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。