马上就加载好了...
王佳冬中文博客

HTML5新增标签特性、兼容性详解

by on May 29 , 2010 , under 学术 , 358 views , 3 Comments , 网址太长?

关于下一代的web开发标准html5和css3想必大家都已经“非常熟悉”了,但是由于ie的碍手碍脚,大家都宣称要放弃ie6用户了。。。所以新一代标准的推进的进展似乎比较缓慢,需要5年?需要10年?W3C预计将在2010年9月正式向公众推荐,既然是趋势,我们就该去改变自己。

说实话,对于html5我自己没有使用过,也没有机会使用,据说虾米电台已经在iphone上实现了html5。我最近也研究一下html5新增的几个标签,今天与大家一起分享一下,其中当属<video>标签最有名啦,它号称要灭掉flash呢,哈哈。

结构标签,取代“万能”div

<section>:这可以表达书本的一部分或一章,或者一章内的一节。

<header>:页面主体上的头部。注意:并非<head>标签,不要混淆。

<footer>:页面的底部(页脚),可以是一封邮件签名的所在。

<nav>:到其他页面的链接集合。

<article>: 独立记录,比如博客中的一篇文章。

是不是看上去有点像xml?哈哈~~~

多媒体及交互式标签

<video>:无需插件,直接播放视频。

<audio>:无需插件,播放声音内容。

<canvas>:图形标签。

<command>:命令按钮。

<datagrid>:定义树列表 (tree-list) 中的数据。

<datalist>:定义下拉列表。

其他新增标签

<aside>:定义页面内容之外的内容。

<figure>:一个有说明的块级图片。

<details>:定义元素的细节。

<dialog>:定义对话(会话)。

<embed>:定义外部交互内容或插件。

<event- source>:为服务器发送的事件定义目标。

<nest>:定义数据模板中的嵌套点。

<output>:定义输出的一些类型。

<progress>:定义任何类型的任务的进度。

<rule>:为升级模板定义规则。

<section>:定义 section。

<figure>:定义媒介内容的分组,以及它们的标题。

<m>:定义有记号的文本。

<source>:定义媒介源。

<time>、<meter>:定义日期/时间/量度等。

体验一下HTML5

由于html5尚处在研发阶段,所以这类的网站少之又少,下面这个网站使用了<video>标签,大家可以感受一下html5的魅力。

视频测试   http://jilion.com/sublime/video

各大浏览器兼容性

关于兼容性的问题,我实在无法做到一一去测试,好在有热心的朋友已经在网上发布了兼容性的东西,我在这里就转载一下吧:


我不是web开发的行家(最主要是没有地方去实践),以上如果有理解错的请多包含。改日再详解css3。

你可能喜欢的博文:
 

水楼已经盖了 3 层了!

  1. SeZame

    那段影片嗲的~

  2. Kings new jerseys 2014

    new Lakers jerseys Only Review

赶快说点什么吧! ^_^