HTML5 介绍
HTML5中的新内容
- 新的元素
- 新是属性
- CSS3 支持
- 视频和音频
- 2D/3D图案
- 本地存储
- 本地数据库
- 网络应用
每个章节中的例子
使用我们的HTML编辑器,你可以编辑HTML，点击运行按钮查询结果.
例子
<html>
<body>
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
你的浏览器不支持视频播放标签.
</video>
</body>
</html>
亲自试一试 »
点击 "亲自试一试" 查看结果
什么是HTML5?
HTML5 最新的HTML标准.
以前版本的,HTML 4.01,在1999年发布的,已无法满足目前的互联网需求了.
设计HTML5是用来替换 HTML 4, XHTML, 和HTML DOM 级别2的.
特别用于提供丰富内容，而不需要额外插件.当前版本提供从动画到图形，音乐到视频，也可用于创建复杂的网络应用.
HTML5也是跨平台的。无论你使用PC或是平板，手机还是智能电视，都可以使用HTML5.
如何开始学习HTML5?
HTML5 是世界万维网组织(W3C) 和 网络超文本应聘技术工作小组(WHATWG)合作的产物.
WHATWG使用网络表单和应用工作;W3C 使用 XHTML 2.0工作. 在2006年, 他们觉得合作创造一种新版本的HTML.
HTML5的一些既定规则:
- 新特性基于HTML、CSS和JavaScript DOM
- 减少了需要外部插件(如Flash)
- 错误处理机制比之前版本更容易
- 脚本会被更多标签替代
- HTML5 兼容各种设备
- 开发过程公开可见
HTML5类型标记 <!DOCTYPE>
HTML5须有文档类型声明，非常简单:
HTML5的最小文档
以下是个简单的HTML5文档，包含必须存在的标签:
<html>
<head>
<meta charset="UTF-8">
<title> 文档的标题 </title>
</head>
<body>
文档的内容......
</body>
</html>
HTML5 - 新特性
在HTML5中，一些最有趣的新特性:
- <canvas> 绘制2D图画的元素
- <video> 和 <audio> 媒体播放元素
- 支持本地存储
- 新的特定内容元素, 如 <article>, <footer>, <header>, <nav>, <section>
- 新控制器, 如日历（calendar）, 日期（date）, 时间（time）, email, url, search
浏览器支持HTML5
所有主流浏览器(谷歌, 火狐, IE, 苹果浏览器, 欧朋浏览器)支持HTML5的新元素和APIs, 并且在它们的最新版本持续添加HTML5新的特性.
HTML 5工作组包括美国在线(AOL)、苹果、谷歌、IBM、微软、Mozilla,诺基亚、Opera和数以百计的其他供应商.
HTML5 测试
测试你的HTML5水平!
