央视网|中国网络电视台|网站地图
客服设为首页
登录

更多 精彩视频排行

网友评分最高


首播

重播

  继续写文章,鼓励大家更换/升级浏览器。上次写了关于浏览器本身,这次说说浏览器所承载的内容——网页。

  目前各浏览器厂商、包括智能手机的厂商广告,打得最多的牌除了“快速”、“安全”,就是“支持 HTML5”了。那么,HTML5 究竟是什么东西呢?

  HTML5 就是 HTML 的第五版,是目前 HTML 的最新版。HTML 是 HyperText Markup Language 的简称——超文本标记语言,“超文本”原意是指网页不仅仅是文字,还可以通过链接来彼此关联,不过现在也可以理解为网页除了文本还可以包括视频音频等等动态内容。“标记语言”说明了这种语言的表现形式,是以 <em>标记</em> 这样的形式来写成的,这里用 <em></em> 来对“标记”两个字做标记(em表示强调),让浏览器可以对标记为不同元素的内容做不同处理,例如 <a> 表示链接、<img> 表示图片等等。

  但如果只有 HTML,就意味着所有的网页都只能以浏览器默认的方式去呈现,这样的话,那该有多无趣,想想都让人觉得审美疲劳了。于是后来有了 CSS,能为 HTML 添加样式的语言。再后来有了 JavaScript,能为网页添加交互效果,比如动画,比如鼠标在网页内移动、点击、托拽所产生的各种效果。

  狭义的 HTML5,指的就仅仅是 HTML 语言的第五版。这个新版相对于 HTML4,就是添加了一些新元素,这些新元素一部分是为了让网页写得更合理,另一部分是为了添加新功能,里面值得一提,也是被追捧最多的是 <canvas> 和 <video>,前者为网页添加了绘图功能,后者为网页加入了原生的视频支持。

  广义的 HTML5 还包括了 CSS3 以及 JavaScript 的更多接口。把下一代网页技术统称为 HTML5。

  我们来对照 HTML5 的官方 LOGO 来了解各种功能吧:

Connectivity 网络连接

  主要是 Web Sockets 协议,能让浏览器和服务器保持链接,这意味着网页能够承载需要即时通信的网络应用:聊天、在线游戏等等。

  -----------------------------------

CSS3

  过渡效果可实现更流畅的动画,还有图形变换、网页字体(不过由于中文汉字的特殊性,这主要影响英文网页设计),以及更多的为实现常见的网页界面而添加的效果:阴影、渐变色、圆角等等。

  -----------------------------------

Device Access 设备访问权限

  HTML5 将为网页开放更多的设备访问权限,如取得用户的地理位置,在 iOS 上还可取得重力感应、陀螺仪的数据,未来也会更多地加入音频视频输入等等功能。这主要在移动设备上有用。

  -----------------------------------

3D, Graphics &Effects 3D及图像特效

  包括绘制矢量图的 SVG,绘制图像的 Canvas,绘制 3D 图形的 WebGL 和 CSS3 的 3D 效果等等。

  -----------------------------------

Multimedia 多媒体

  对音频和视频的原生支持。这点在媒体宣传中着力颇多,因为这会排挤掉 Adobe 公司的 Flash,目前浏览器需要安装 Flash 插件来播放在线视频,HTML5 的目标是不必安装这样的插件即可原生支持视频播放。

  -----------------------------------

Performance &Integration 性能与集成

  Web Workers 让 JavaScript 可在后台多线程运算,XMLHttpRequest 2 能让 Ajax 请求提速,都是为网页程序提速的。

  -----------------------------------

Semantics 语义化

  语义化是一些技术工作者的梦想,目标是网页能解释自己提供的数据,整个网络组成一个方便被机器处理的信息、资料、知识库。HTML5 新增了一些标签,让这个目标的达成更近一步。

  -----------------------------------

Offline &Storage 离线和本地存储

  这是我最喜欢的功能,前面所述的功能无论如何强大,如果没有离线功能,就永远只能在有网络的时候才能使用,虽然现在网络无处不在,但还是有很多不方便联网的情况,特别是对于移动设备。而有了离线功能,也能让网页应用程序可以和原生应用程序竞争了。

  -----------------------------------

  上面介绍这些功能,IE6、7、8 都是不支持的,IE9 的支持程度也不如其他浏览器,所以,为了体验网络新时代,请选择一个合乎心意的现代浏览器吧。

  今天就介绍到这,下回我们聊聊网页的程序化趋势吧,敬请期待哦。

  果壳网最近推出了智能手机移动版,对上面提到的某些功能有所应用,而且我们也在持续改进,请多多支持。

  ------------------------------------------

  2011-10-09 更新

  升级 IE9 或安装安装其他现代浏览器后,以下这些网址收集了一些 demo 可供体验,

  http://hakim.se/experiments

  http://ie.microsoft.com/testdrive/

  https://developer.mozilla.org/en-US/demos/

  http://www.apple.com/html5/

  后面三个分别是 IE、Firefox 和 Safari 对自己浏览器推广所收集的 demo,但基本上在几个现代浏览器都可通用。

  下面一个偏技术,可供 web 开发者参考

  http://html5demos.com/

  本文由宇蠢Yuest授权果壳网(guokr.com)发表,文章著作权归原作者所有。

 

 

 

视频集>>

热词:

channelId 1 1 HTML5 的那些新特性们 1  HTML5 就是 HTML 的第五版,是目前 HTML 的最新版。HTML 是 HyperText Markup Language 的简称——超文本标记语言,“超文本”原意是指网页不仅仅是文字,还可以通过链接来彼此关联,不过现在也可以理解为网页除了文本还可以包括视频音频等等动态内容。