|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5viewport的使用能帮你做到这一点……破洛洛文章简介:html标签的用用户属性经由过程w3c考证.
今天一个伴侣的项目,客户必要经由过程w3c考证(大概你以为这是很操蛋的一件事变,实在我也如许以为,扫瞄器兼容才是硬事理,但主顾就是逝世了良多年但人们还觉得他还在世一个扯蛋的东东,东方人叫做天主-god,狗的,就差一个ri,他们的需求,不满意就没举措呀)。可是他在标签里写了一些用户属性,以是通不外。问我办理的计划,想了一些办法给他。
起首注释一下甚么叫用户属性,假如你是妙手,能够不必看。<tagyourAttr="yourAttrValue"></tag>。白色的部分就是用户属性,偶然候我们必要用javascriptcode某些器材的时分,这个必不成少。但他的确不克不及经由过程W3C的考证。
上面是我能想到的一些办理计划:
1、用子标签埋没来取代用户属性。
<tagclass="normal">
<tagclass="myAttr">myAttrValue</tag>
<tag>内容</tag>
</tag>
然后设置CSS
.myAttr{display:none;}
怎样猎取谁人数据,能够本人往查一下。
2、利用HTML5DTD+data-来办理
html5撑持用户自界说属性,但请求必需以“data-”入手下手,能够经由过程考证。
<tagdata-myAttr="myAttrValue"></tag>
3、利用通用属性来办理
title属性是年夜多半标签都能够有的,完整能够经由过程考证。
<tagtitle="myAttrValue"></tag>
但是,成绩来了,当鼠标挪动到标签上,title间接显现出来,很欠好的用户体验。
以是,想到了用javascript大概jquery来办理这个成绩:
(function($){
$.fn.setUserAttr=function(options){
vardefaults={dataName:"userData"};
varopts=$.extend({},defaults,options||{});
returnthis.each(function(){
$this=$(this);
varuserAttrVal=$this.attr("title");
$this.attr("title","").data(opts.dataName,userAttrVal);
})
};
})(jQuery)
html:
<tagclass="useAttr"title="myAttrValue"></tag>
使用:
$(".useAttr").setUserAttr();
经由过程$(".useAttr").data("userData")来猎取数据.
大概
$(".useAttr").setUserAttr({dataName:"yourAttrName"});
经由过程$(".useAttr").data("yourAttrName")来猎取数据
固然,只是团体的一些设法。</p>
一些公司联合起来,成立了一个叫做WebHypertextApplicationTechnologyWorkingGroup(Web超文本应用技术工作组-WHATWG)的组织。 |
|