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

by 冬瓜 on May 29 , 2010 , under 学术 , 641 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>：定义对话（会话）。

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

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

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

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

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

<section>：定义 section。

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

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

<source>：定义媒介源。

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

体验一下HTML5

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

各大浏览器兼容性

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

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

关键词： css, web, html

王佳冬中文博客