仓酷云

标题: 来谈谈:HTML5教程:html标签属性经由过程w3c考证 [打印本页]

作者: 不帅    时间: 2015-1-15 22:57
标题: 来谈谈:HTML5教程:html标签属性经由过程w3c考证
每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习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)的组织。
作者: 小妖女    时间: 2015-1-17 19:54
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
作者: 爱飞    时间: 2015-1-21 18:43
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
作者: 谁可相欹    时间: 2015-1-30 21:50
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
作者: 飘灵儿    时间: 2015-2-6 16:18
Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
作者: 第二个灵魂    时间: 2015-2-17 07:18
Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器,在编辑时能同时看到源码和设计界面,非常方便新手学习制作网页。
作者: 变相怪杰    时间: 2015-3-5 17:21
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
作者: 只想知道    时间: 2015-3-12 11:41
在Dreamweaver里可以很轻松的完成图文混排、插入图片、插入Flash、插入音频、插入视频。
作者: 不帅    时间: 2015-3-19 22:00
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。




欢迎光临 仓酷云 (http://www.ckuyun.com/) Powered by Discuz! X3.2