HTML5

1.什么是 HTML5?

HTML5是构建Web内容的一种语言描述方式。是HTML标记语言的一个最新版本，其定义了很多新元素，比如新语义标签，智能表单，多媒体标签等，可以帮助开发者创建丰富的互联网应用 。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。

2.HTML5新特性

HTML5将Web带入一个成熟的应用平台，在这个平台上，视频、音频、图像、动画以及与设备的交互都进行了规范。
下面是一个简单的HTML5文档：

<!DOCTYPE html><html><head><meta charset="utf-8">
<title>文档标题</title>
</head>
 <body>文档内容......</body>
 </html>
注意：对于中文网页需要使用 <meta charset="utf-8"> 声明编码，否则会出现乱码。

3.HTML5 的改进

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

4.HTML5 多媒体

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

HTML5 <video>

HTML5 <audio>

5.HTML5 应用

  • 使用 HTML5 你可以简单地开发应用
  • 本地数据存储
  • 访问本地文件
  • 本地 SQL 数据
  • 缓存引用
  • Javascript 工作者
  • XHTMLHttpRequest 2

6.HTML5 图形

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

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

7.HTML5 使用 CSS3

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

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

标签      描述
<article>定义页面独立的内容区域。
<aside>	定义页面的侧边栏内容。
<bdi>允许您设置一段文本，使其脱离其父元素的文本方向设置。 
<command>定义命令按钮，比如单选按钮、复选框或按钮 
<details>用于描述文档或文档某个部分的细节 <dialog>定义对话框，比如提示框
<summary>	标签包含 details 元素的标题 <figure>	规定独立的流内容（图像、图表、照片、代码等等）。 
<figcaption>定义 
<figure> 元素的标题 
<footer>定义 p 或 document 的页脚。 
<header>	定义了文档的头部区域 
<mark>定义带有记号的文本。
<meter>	定义度量衡。仅用于已知最大和最小值的度量。 
<nav>定义导航链接的部分。 
<progress>定义任何类型的任务的进度。 
<ruby>定义 ruby 注释（中文注音或字符）。
<rt>定义字符（中文注音或字符）的解释或发音。<rp>在 ruby 注释中使用，定义不支持 ruby 元素的浏览器所显示的内容。 
<p>	定义文档中的节（p、区段）。
<time>定义日期或时间。 
<wbr>规定在文本中的何处适合添加换行符。

8.HTML5 表单

新表单元素, 新属性，新输入类型，自动验证。