欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

初识HTML 5:关于它的三个三_html/css_WEB-ITnose

程序员文章站 2022-05-12 10:26:56
...
来源:http://www.ido321.com/949.html

一、HTML 5受欢迎的三个理由

1、IE、Google、Firefox、Safari、Opera等主流浏览器的支持

1.1 微软:2010年3月16日,微软在拉斯维加斯举行的MIX10技术大会上推出IE9预览版,更多支持CSS3、SVG和HTML 5等互联网通用标准。

1.2 Google:2010年2月19日,谷歌Gears的项目经理伊安-费特通过博客宣布,谷歌将放弃Gears,重点开发HTML 5。

1.3 苹果:2010年6月7日,苹果在开发者大会上发布Safari 5,它支持HTML 5的10个以上新技术,包括HTML 5视频、形式验证等。

1.4 Opera:号称“CSS之父”的Hakon Wium Lie认为HTML 5和CSS 3将是全球互联网的发展趋势,Opera也正在努力开发HTML 5产品。Web的未来属于HTML 5.

1.5 Mozilla:2010年7月,Mozilla发布FireFox 4的测试版,支持包括HTML 5语法分析器、形式控制等。

2、时代的要求

现 在的时代需要一个互联网通用的标准。在HTML 5之前,由于各个浏览器的之间不统一,光是修改Web浏览器之间由于兼容性引起的Bug就浪费了大量时间。而HTML 的目标就是将Web带入一个成熟的应用平台,在HTML 5平台上,视频、音频、图像、动画,以及电脑的交互都被标准化。

关于Web浏览 器,网页标准计划小组设计并推出了Acid3测试,它是针对网页浏览器及设计软件之标准相容性的一项测试。对于Web应用程序,Acid3对其动态内容进 行检查,测试集中点主要在ECMAScript、DOM Level 3、Media Queries和data:URL。这款测试的设计者正是HTML 5的核心人物Ian Hickson,现在是W3C的HTML 5工作组负责人之一。

3、Internet Exploere 8

这 里为什么要讲到IE 8呢?IE也是朝着支持HTML 5的方向前进。在IE 7之前,IE和Firefox争夺市场份额的战争愈演愈烈,为了抢回被Firefox争夺去的市场份额,继IE 7发布不就之后,IE 8的Release版本就出来了。新推出的IE 8宣布遵从互联网标准,并且开始支持HTML 5,例如实现sessionStorage和globalStorage功能,以代替Cookie。IE作为浏览器市场的老大,都已经对HTML 5如此重视,其它小弟自然会纷纷效仿老大的做法。所以可以说HTML 5在市场上大面积推广的势头是非常强劲的。

二、放心使用HTML 5的三个理由

虽然Web开发者普遍认为有了HTML 5是比较好的,但是还是会担心诸如“它在老版浏览器上也能运行正常吗?”,“会不会有兼容性问题?”,“会不会有错误呢?”等各种问题。那就接着往下看。

1、兼容性:HTML 5在老版的浏览器上也可以运行。

2、实用性:HTML 5内部并没有封装复杂和不切实际的功能,都是简单实用、能够提升开发速度的功能。

3、非革命性的发展:HTML 5的内部功能是发展性的,是为了满足浏览器的开发需求而产生的,并没有完全颠覆HTML 4的标准。

虽然HTML 5的时代已经到来,但是并不代表现在用HTML 4创建出来的网站必须重建,只会要求各Web浏览器今后能够正常运行HTML 5开发出来的功能。

三、HTML 5要解决的三个问题

1、Web浏览器之间的兼容性低。

Web 浏览器之间的兼容性是很低的,在某个浏览器上能够运行的Web程序,在另外一个浏览器就完全不一样了。在HTML 5中,它详细分析了各Web浏览器所具有的功能,并以此为基础,要求浏览器所有内部功能都符合同一个通用标准。既然符合同一个标准,那么兼容性问题就得到 了解决。

2、文档结构不明确

在HTML 5之前的版本中,CSS+DIV设计是常用的,不管你是“标题”或者“正文”,一般是DIV实现,但是DIV只是作为一个容器,并不能作为表示文档结构的 元素。所以在HTML 5中,增加了很多跟文档结构有关的元素,例如header、nav、section、artical等,是HTML文档的脉络更加清晰。

3、Web应用程序的功能受到了限制

譬如同时上传多个文件,这在HTML 5之前是很难实现的。而HTML 5提供了各种各样的Web应用API,各浏览器对其进行封装,就能非常容易的实现HTML 4很难实现的功能。HTML 5已经使富Web应用的实现变成了可能。

下一篇:Canvas入门(1):绘制矩形、圆、直线、曲线等基本图形