HTML5 教程HTML5 浏览器支持HTML5 新元素HTML5 Video 视频HTML 5 Video + DOMHTML5 Audio 音频HTML5 拖放 ( drag 和 drop )HTML5 Canvas画布HTML5 内联 SVGHTML5 MathML 数学公式HTML5 Geolocation 地理定位HTML5 新的 Input 类型HTML5 表单元素HTML5 表单属性HTML5 语义元素HTML5 Web 存储HTML5 Web SQL 数据库HTML5 应用程序缓存HTML5 Web WorkersHTML 5 服务器发送事件HTML5 WebSocketHTML5 历史记录APIHTML 5 代码规范HTML5 Canvas 描边和填充HTML5 Canvas 绘制矩形HTML5 Canvas 清除画布HTML5 Canvas 路径HTML5 Canvas 渐变HTML5 Canvas 阴影HTML5 Canvas 绘制文本HTML5 Canvas 绘制图像HTML5 Canvas 合成HTML5 Canvas 状态HTML5 Canvas toDataURL()HTML5 Canvas 像素处理HTML5 Canvas 制作动画HTML5 Canvas 转换
HTML5 新元素
html5的语义化标签以及属性，可以让开发者非常方便地实现清晰的web页面布局，加上css3的效果渲染，快速建立丰富灵活的web页面显得非常简单。
HTML5 新元素
自1999年以后HTML 4.01 已经改变了很多,今天，在HTML 4.01中的几个已经被废弃，这些元素在HTML5中已经被删除或重新定义。
为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工作者等。
HTML5的新标签元素
<header>定义页面或区段的头部；
<footer>定义页面或区段的尾部；
<nav>定义页面或区段的导航区域；
<section>页面的逻辑区域或内容组合；
<article>定义正文或一篇完整的内容；
<aside>定义补充或相关内容；
nav导航标签
<!doctype html><html><head>
<meta charset="UTF-8">
<title>HTML5 Nav导航标签的使用</title>
</head>
<body>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
</ul>
</nav>
</body></html><header>标签实现
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title><header>标签实现 by www.fly63.com</title>
</head>
<body>
<header id="page_header">
<h1>Header</h1>
</header>
</body>
</html><footer>标签实现
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title><footer>标签实现 by www.fly63.com</title>
</head>
<body>
<footer>标签实现
<footer id="page_footer">
<h2>Footer</h2>
</footer>
</body>
</html><section>区块和<article>文章
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title><section>和<article>标签实现 by www.fly63.com</title>
</head>
<body>
<section>和<article>标签实现
<section id="posts">
/*可以包含多个< article>*/
<article class="post">
/*article的内容*/
</article>
<article class="post">
/*article的内容*/
</article>
</section>
</body>
</html><canvas> 新元素
| 标签 | 描述 |
|---|---|
| <canvas> | 标签定义图形，比如图表和其它图像 |
新多媒体元素
| 标签 | 描述 |
|---|---|
<audio> | 定义音频内容 |
<video> | 定义视频 ( video 或者 movie ) |
<source> | 定义多媒体资源 <video> 和 <audio> |
<embed> | 定义嵌入的内容，比如插件 |
<track> | 为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道 |
HTML5 新表单元素
| 标签 | 描述 |
|---|---|
<datalist> | 定义选项列表 需要与 input 元素配合使用该元素，来定义 input 可能的值 |
<keygen> | 规定用于表单的密钥对生成器字段 |
<output> | 定义不同类型的输出，比如脚本的输出 |
新的语义和结构元素
HTML5 提供了新的元素来创建更好的页面结构
| 标签 | 描述 |
|---|---|
<article> | 定义页面独立的内容区域 |
<aside> | 定义页面的侧边栏内容 |
<bdi> | 允许设置一段文本，使其脱离其父元素的文本方向设置 |
<command> | 定义命令按钮，比如单选按钮、复选框或按钮 |
<details> | 用于描述文档或文档某个部分的细节 |
<dialog> | 定义对话框，比如提示框 |
<summary> | 标签包含 details 元素的标题 |
<figure> | 规定独立的流内容（图像、图表、照片、代码等等） |
<figcaption> | 定义 <figure> 元素的标题 |
<footer> | 定义 section 或 document 的页脚 |
<header> | 定义了文档的头部区域 |
<mark> | 定义带有记号的文本 |
<meter> | 定义度量衡。仅用于已知最大和最小值的度量 |
<nav> | 定义导航链接的部分 |
<progress> | 定义任何类型的任务的进度 |
<ruby> | 定义 ruby 注释（中文注音或字符） |
<rt> | 定义字符（中文注音或字符）的解释或发音 |
<rp> | 在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容 |
<section> | 定义文档中的节（section、区段） |
<time> | 定义日期或时间 |
<wbr> | 规定在文本中的何处适合添加换行符 |
已移除的元素
下面列出的 HTML 4.01 元素在 HTML5 中已经被删除
- <acronym>
- <applet>
- <basefont>
- <big>
- <center>
- <dir>
- <font>
- <frame>
- <frameset>
- <noframes>
- <strike>
- <tt>