4月22日,欢迎您访问【网建定制开发专业品牌】湖南鼎誉网络科技! 网站建设 | 网络推广 | 鼎誉博主 | 四网同步 | 微信营销 | 收藏本站 |

我们专注于:长沙网站制作,长沙网站建设,长沙营销型网站,长沙网络推广,长沙建网站

营销型网站策划_类型的网站_网站案例:鼎誉网络三大业务,四大平台,为更多企业建立网络营销生态系统! 营销型网站策划_类型的网站_网站案例:网站建设、网络推广、互联网基础服务请联系鼎誉商务人员! 营销型网站策划_类型的网站_网站案例:鼎誉客户网站售后服务专区,塑源式售后服务系统请点击进入!
鼎誉E站通平台登陆 用户名: 密码: 验证码: 进入鼎誉推广助手系统     长沙网络公司 长沙微博营销
界面设计,需要我们,我想做网站_鼎誉网络_湖南网络推广,湖南8年专业的营销型网站建设制作公司!
商务合作101号 鼎誉商务102号
鼎誉商务103号 商务合作104号
网站报价
联系我们

您现在的位置:首页 > 界面设计 > 设计知识学习 > 文章正文  

揭秘HTML5和CSS3

对鼎誉排名感兴趣?请将此文分享到: QQ空间 新浪微博 腾讯微博 人人网

文章作者:鼎誉网科 发布时间:2009/12/30 浏览次数:9385 『打印此页』『收藏此页

HTML5
HTML 5草案的前身名为Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的HTML工作团队。在2008年1月22日,第一份正式草案发布。 HTML 5是近十年来Web开发标准 巨大的飞跃。和以前的版本不同,HTML 5并非仅仅用来表示Web内容,它的新使命是将Web带入一个成熟的应用平台,在HTML 5平台上,视频,音频,图象,动画,以及同电脑的交互都被标准化。那么我们来看一下HTML5的技术概览有哪些:

HTML5新增和移除的元素
HTML5新增了很多多媒体和交互性元素如video, audio,在HTML4当中如果要嵌入一个视频或是音频的话需要引入一大段的代码,还有兼容各个浏览器,而HTML5只需要通过引入一个标签就可以,就像img标签一样方便。在页面布局和内容实现方面HTML5新增了很多结构化标签元素以及块级及语义元素,如果你要用HTML表示一个文件的上传进度条,在 HTML5中你可以用progress这个元素来表示,它有一个value属性描述了已经完成了多少任务,还有一个属性max描述了这个任务一共需要多少,还可以通过DOM接口得到这个进度条的position属性(只读),也就是任务完成的百分比。Youtube在HTML5技术上已经做了一个尝试,http://www.youtube.com/html5(需要翻墙) 是用HTML5做的一个DEMO,从整个页面源代码来看,非常简洁。当然HTML5也对一些元素新增了一些属性,如input和textarea的placeholder属性,相当于输入框的输入提示,script有一个async属性会影响脚本的加载和执行。对于所有的HTML共有的属性我们通常把它称作是“全局属性”,如class, id, tabindex, title,HTML5也新增了一些全局属性,如contenteditable, contextmenu, hidden等属性。HTML5还增加了对于微数据的支持,如HTML5新增的item, itempro, subject等属性。

当然HTML5也移除了一些表示页面展现的元素,如font, center, strike等,这些本应该是CSS来做的,所以还是很好理解的,也移除了一些影响网站可访问性的元素如frame, frameset, noframe以及一些不常用的元素如acronym,而采用abbr来表示缩写。HTML5还移除了一些影响客户端兼容性的HTML熟悉,如link的rev属性,td的scope属性;HTML5也移除了一些表示页面展现的属性如一些元素的align,bgcolor属性。

HTML5对表单的支持
HTML5 提供了强大的控件类型如url, email, date, tel等,强大的约束属性,如required表示必填,文件上传的accept属性,以及一些表单重复元素模型的支持,HTML5在提交表单的时候还可以设置提交的方式为XML提交方式,这样服务器端接收到的数据将是XML格式,HTML5的表单被定义为“Web Forms 2.0”,目前opera9.5+对Web Forms 2.0的支持较为完美。

点此查看Web Forms 2.0 DEMO,需要Opera9.5+

HTML5 DOM变化
HTML5在DOM LEVEL 2 HTML方面很多都是继承自HTMLDocument的接口,当然HTML5在DOM上也有一些值得注意的新成员,如:支持 getElementsByClassName,可以根据class类名选择元素,getSelection()将会返回当前选中的对象,在选择器上面有两个方法querySelector和querySelectorAll可以根据 css选择符来获取要查询的元素,相当于YUI3中的Y.one和Y.all。

HTML5的Javascript APIs
HTML5在Javascript上面新增了哪些API呢?

Video/Audio: HTML5为Video和Audio提供了API来让开发者控制他们自己的用户界面,如可以播放或暂停媒体内容。
Canvas: Canvas是一个新的HTML元素,这个元素可以被Script语言(通常是JavaScript)用来绘制图形。例如可以用它来画图、合成图象、或做简单的(和不那么简单的)动画。Canvas是一个神奇的东西,它给我的第一感觉就像是在用Photoshop一样,它的每一个方法跟Photoshop 是那么地相似,通过canvas.getContext(’2d’)就可以得到这个canvas的API,你可以通过fillStyle设置其填充颜色或是通过strokeStyle设置其描边颜色,甚至它画路径的操作跟Photoshop的钢笔操作更是不谋而合。Canvas在很多网站都已经有应用,如Firefox的实时下载状态统计,甚至还可以用canvas来编写Web Game。
Drag&Drop: 在指示设备的视觉媒体中,”Drag”的操作就是鼠标按下(mousedown)并伴随着鼠标移动(mousemove)的事件,而”Drop”则是鼠标释放时触发的事件。在Drag&Drop里定义了DataEvent和DataTransfer接口,同时当拖拽操作发生时会触发如 dragstart, dragenter, dragleave, drop, dragend等事件。
Web Workers: 让Javascript多线程,可以在后台做很多工作而不会阻断当前的浏览器操作。
Geolocation: 地理位置定位,运行navigator.geolocation.getCurrentPosition(success,error)这个方法时浏览器会提示是否要共享你的地理位置,如果选择共享,则会回调success函数,success函数有一个参数是position对象,这个position对象有一个coords对象,coords对象包含了很多地理位置信息如latitude(维度)和longitude(经度),这样就可以知道你的具体位置了,这个功能在一些手机如Iphone上已经有广泛的应用了。
Application Cache: 这是HTML5对于离线应用的支持,通过在html元素上加一个属性manifest,浏览器会提示你是否要将数据缓存到客户端,如果用户选择了允许,则会按照指定的manifest文件列表缓存需要的文件,当你的网络不可用时,你还是可以使用这个应用的。对于离线应用,Google也开发了Google Gears浏览器扩展,不过 后Google转投HTML5可能也是看到了HTML5存储和离线应用的这种优势。
Storage: Webkit已经实现了database storage,你可以像后端操作数据库一样查询数据并执行一些操作。还有一种存储是键值对存储,如sessionStorage和localStorage,可以通过setItem和getItem来存储与获取值,相对于Cookie的存储来说,存储的容量要大很多。
X-Document Messaging: 浏览器因为安全和隐私的原因,阻止了不同域之间文档的通信,虽然这是一个安全限制,但是对于那些没有危害的不同域的文档通信带来了很多问题,但是HTML5可以实现这种跨文档通信,让我们可以不用管源域是来自哪里,同时可以防止脚本攻击。
HTML5让你心动了吗?那么HTML5什么时候会成为标准呢?据说要等到2022年,这有一个很有意思的网站http://ishtml5readyyet.com/告诉你还有多少天HTML5会真正到来。

 

 
返回上一页】【到顶层】【关闭此页
3+1四网同步网站建设平台 湖南成交型网站孵化基地 湖南营销型网站策划专家 尚沃网络营销落地顾问商 鼎誉E站通平台研发基地

本站关键词:长沙网站建设|湖南网络营销|长沙网络公司|长沙网站制作|湖南网络公司|长沙营销型网站建设|长沙做网站的公司|长沙网站推广|长沙做网站|服务器维护 托管服务

鼎誉导航:长沙网站制作|长沙网站报价|长沙网站优化|企业做网站|长沙建网站|长沙做网页|鼎誉鼎誉E站通|长沙网络公司|长沙网站营销|长沙网络营销|长沙网页制作|长沙网络攻关|服务器托管

欢迎下载鼎誉移动互联网客户端apk
公司地址:长沙市芙蓉区杨家山天心丽城7栋4-5楼(开发/推广) 合作热线:0731-85419657 全国咨询热线:400-0731-269 湘公安备 43010202000135号
2009 Power 湘ICP备11011648号-1 湖南鼎誉网络科技有限公司常年法律顾问 北京盈科(长沙)律师事务所尹吉兮律师  DYWLKJ.COM  网站5星安全认证
Baidu   
湖南营销型网站首选鼎誉!