| ylbtech-HTML5: HTML5 介绍 |
| 1. 什么是 HTML5？返回顶部 |
HTML5 是下一代 HTML 标准。
HTML，HTML 4.01的上一个版本诞生于1999年。自从那儿以后，Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
| 2. HTML5 是如何起步的？返回顶部 |
HTML5 是 W3C 与 WHATWG 合作的结果，WHATWG 指 Web Hypertext Application Technology Working Group。
WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在2006年，双方决定进行合作，来创建一个新版本的 HTML。
HTML5 中的一些有趣的新特征：
1.用于绘画的 canvas 元素
2.用于媒介回放的 video 和 audio 元素
3.对本地离线存储的更好支持
4.新的特殊内容元素，比如 article、footer、header、nav、section
5.新的表单控件，比如 calendar、date、time、email、url、search
| 3. HTML5 <!DOCTYPE>返回顶部 |
<!DOCTYPE> 声明必须位于 HTML5 文档中的第一行，使用非常简单：
<!DOCTYPE html>
| 4. 最小的 HTML5 文档返回顶部 |
下面是一个简单的 HTML5 文档：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> 文档内容...... </body> </html>
注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。
| 5. HTML5 的改进返回顶部 |
1.新元素
2.新属性
3.完全支持 CSS3
4.Video 和 Audio
5.2D/3D 制图
6.本地储存
7.本地 SQL 数据
8.Web 应用
| 6. HTML5 多媒体 返回顶部 |
使用 HTML5 你可以简单的绘制图形：
1.使用 <canvas> 元素 2.使用内联 SVG 3.使用 CSS3 2D/3D
| 7. HTML5 使用 CSS3返回顶部 |
1.新选择器
2.新属性
3.动画
4.2D/3D 转换
5.圆角
6.阴影效果
7.可下载的字体
了解更多 CSS3 知识请查看的 CSS3 教程。
| 8. 语义元素返回顶部 |
HTML5 添加了很多语义元素如下所示：
| 标签 | 描述 |
|---|---|
| <article> | 定义页面的侧边栏内容。 |
| <aside> | 定义页面内容之外的内容。 |
| <bdi> | 允许您设置一段文本，使其脱离其父元素的文本方向设置。 |
| <command> | 定义命令按钮，比如单选按钮、复选按钮和按钮。 |
| <details> | 用于描述文档或者文档某个部分的细节。 |
| <dialog> | 定义对话框，比如提示框。 |
| <summary> | 标签包含 details 元素的标题。 |
| <figure> | 规定独立的流内容（图像、图表、照片、代码等等）。 |
| <figcaption> | 定义 <figure> 元素的标题。 |
| <footer> | 定义 setion 或 document 的脚本。 |
| <header> | 定义了文档的头部区域。 |
| <mark> | 定义带有记号的文本。 |
| <meter> | 定义度量衡。仅用于已知最大和最小值的度量。 |
| <nav> | 定义运行中的进度（进程）。 |
| <progress> | 定义任何类型的任务的进度。 |
| <ruby> | 定义 ruby 注释（中文注释或字符）。 |
| <rt> | 定义字符（中文注音或字符）的解释或发音。 |
| <rp> | 在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。 |
| <section> | 定义文档的节（section、区段）。 |
| <time> | 定义日期或时间。 |
| <wbr> | 规定在文本中的何处适合添加换行符。 |
| 9.返回顶部 |
| 10.返回顶部 |
| 11.返回顶部 |
 |
作者：ylbtech 出处：http://ylbtech.cnblogs.com/ 本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。 |