HTML 5 的教程

http://www.runoob.com/html/html5-intro.html

官方教程：http://www.w3school.com.cn/html5/index.asp

html5的改进

• 新元素
• 新属性
• 完全支持 CSS3
• Video 和 Audio
• 2D/3D 制图
• 本地存储
• 本地 SQL 数据
• Web 应用

HTML5 多媒体

使用 HTML5 你可以简单的在网页中播放 视频(video)与音频 (audio) 。

• HTML5 <video>
• HTML5 <audio>

HTML5 应用

使用 HTML5 你可以简单地开发应用

• 本地数据存储
• 访问本地文件
• 本地 SQL 数据
• 缓存引用
• Javascript 工作者
• XHTMLHttpRequest 2

HTML5 图形

使用 HTML5 你可以简单的绘制图形:

• 使用 <canvas> 元素。
• 使用内联 SVG。
• 使用 CSS3 2D 转换、CSS3 3D 转换。

HTML5 使用 CSS3

• 新选择器
• 新属性
• 动画
• 2D/3D 转换
• 圆角
• 阴影效果
• 可下载的字体

语义元素

HTML5 添加了很多语义元素如下所示：

已移除元素

以下的 HTML 4.01 元素在HTML5中已经被删除:

• <acronym>
• <applet>
• <basefont>
• <big>
• <center>
• <dir>
• <font>
• <frame>
• <frameset>
• <noframes>
• <strike>

HTML5 浏览器支持

最新版本的 Safari、Chrome、Firefox 以及 Opera 支持某些 HTML5 特性。Internet Explorer 9 将支持某些 HTML5 特性。

IE9 以下版本浏览器兼容HTML5的方法，使用本站的静态资源的html5shiv包：

<!--[if lt IE9]> 
<script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
<![endif]-->

载入后，初始化新标签的CSS：

/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}