HTML5更新内容

本文是我在学习HTML5时候做的笔记，HTML5中的新元素对浏览器有限制，具体的可以百度查阅。

HTML5 的八个特性：

1. 语义特性（Semantic）：HTML5赋予网页更好的意义和结构。
2. 离线与存储特性（Offline & Storage）：HTML5开发的网页APP，启动时间更短，联网速度更快。由于有HTML5 APP Cache、本地存储功能、Indexed DB和File API说明文档。
3. 设备访问特性 (Device Access)：HTML5提供了前所未有的数据与应用接入开放接口。使外部应用可以直接与浏览器内部的数据直接相连，例如视频影音可直接与麦克风及摄像头相联。
4. 多媒体特性(Multimedia)： 支持网页端的Audio、Video等多媒体功能，与网站自带的APPS、摄像头、影音功能相得益彰。
5. 三维、图形与特效特性（3D、Graphics & Effects）：基于SVG、Canvas、WebGL及CSS3的3D功能，用户会惊叹于在浏览器中，所呈现的惊人视觉效果。
6. 性能与集成特性（Performance & Integration）：HTML5会通过Web Workers和XMLHttpRequest2等技术，帮助您的Web应用和网站在多样化的环境中更快速的工作。
7. 连接特性（Connectivity）：HTML5拥有更有效的服务器推送技术(Server-Sent Event和WebSockets)，能够帮助我们实现服务器将数据“推送”到客户端的功能。
8. CSS3特性(CSS3)：CSS3中提供了更多的风格和更强的效果。

HTML5 的优势：

1. 摆脱对平台的依赖。打开浏览器，直接就可以访自己的应用。
2. 实时更新。
3. 离线使用。用户可以离线使用，更新下载量极少。
4. 代码更安全。HTML5可以将Web代码全部加密，本地应用解密后再运行，大大的提供了代码的安全性。
5. 跨平台。JavaScript的代码可以在许多地方使用，包括移动应用、移动网站、PC网站、各种浏览器插件，甚至可以用WebKit封装作为跨平台的应用程序。
6. 可以充分利用Native。HTML5可以通过浏览器作为中介充分利用Native的好处(使用GPS、照相机、本地相册、读取本地联系人等）。某些Web无法实现的功能，可以利用Native来实现。

以下HTML4.01元素已从HTML5中删除：

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

HTML5新增内容：

新的语义/结构元素：

• <article>：定义文档内的文章。
• <aside>：定义页面内容之外的内容。
• <bdi>：定义与其他文本不同的文本方向。
• <details>：定义用户可查看或隐藏的额外细节。
• <dialog>：定义对话框或窗口。
• <figcaption>：定义<figure>元素的标题。
• <figure>：定义自包含内容，比如图片、图表、照片、代码清单等等。
• <footer>：定义文档或节的页脚。
• <header>：定义文档或节的页眉。
• <main>：定义文档的主内容。
• <mark>：定义重要或强调的内容。
• <menuitem>：定义用户能够从弹出菜单调用的命令/菜单项目。
• <meter>：定义已知范围（尺度）内的标量测量。
• <nav>：定义文档内的导航链接。
• <progress>：定义任务进度。
• <rp>：定义在不支持ruby注释的浏览器中显示什么。
• <rt>：定义关于字符的解释/发音（用于东亚字体）。
• <ruby>：定义ruby注释（用于东亚字体）。
• <section>：定义文档中的节。
• <summary>：定义<details>元素的可见标题。
• <time>：定义日期/时间。
• <wbr>：定义可能的折行（line-break）。

新的表单元素：

• <datalist>：定义输入控件的预定义选项。
• <keygen>：定义键对生成器字段（用于表单）。
• <output>：定义计算结果。

新的输入类型：

以下input框中新的输入类型可以更好的对输入值进行控制和校验。

• color
• date
• datetime
• datetime-local
• email
• month
• number
• range
• search
• tel
• time
• url
• week

新的输入属性：

以下input框中新的输入属性可以更好的对输入值进行控制和校验。

• autocomplete
• autofocus
• form
• formaction
• formenctype
• formmethod
• formnovalidate
• formtarget
• height和width
• list
• min和max
• multiple
• pattern (regexp) placeholder
• required
• step

新的图像元素：

• <canvas>：定义使用JavaScript的图像绘制。
• <svg>：定义使用SVG的图像绘制。

新的媒介元素：

• <audio>：定义声音或音乐内容。
• <embed>：定义外部应用程序的容器（比如插件）
• <source>：定义<video>和<audio>的来源。
• <track>：定义<video>和<audio>的轨道。
• <video>：定义视频或影片内容。

HTML5中<form>属性列表：

• accept-charset：规定在被提交表单中使用的字符集（默认：页面字符集）。
• action：规定向何处提交表单的地址（URL）（提交页面）。
• autocomplete：规定浏览器应该自动完成表单（默认：开启）。
• enctype：规定被提交数据的编码（默认：url-encoded）。
• method：规定在提交表单时所用的HTTP方法（默认：GET）。
• name：规定识别表单的名称（对于DOM使用：document.forms.name）。
• novalidate：规定浏览器不验证表单。
• target：规定action属性中地址的目标（默认：_self）。