HTML5的工作学习笔记

在此总结记录一些 HTML5 相关的基础知识，主要内容包括一些不经常使用但是却又比较重要的 HTML5 特性。对于需要系统性了解 HTML5 特性的同学可以对照此文查缺补漏。但本文不会记录所有的 HTML5 特性，只挑选一些笔者不常用的特性加以记录与整理。

1、从 HTML4.01 到 XHTML 到 HTML5

XHMTL 是一种更严格、更纯洁的 HTML 代码，W3C 制定了 XHTML 主要用于取代原有的 HTML。W3C 建议使用 XML 规范来加以约束 HTML 文档，将 HTML 和 XML 的长处结合在一起便形成了 XHTML。在 HTML4.01 和 XHTML 中需要指定 DTD（文档类型定义）来定义 HTML 文档的语义约束（支持的元素和属性），而在 HTML5 中则不再需要，这也算是一种“妥协式”的规范。

2、属性值简写

3、语义化的文本格式化标签

定义强调文本，效果与斜体文本相似
定义重要文本
定义小字印刷体，诸如免责声明、注意事项、版权相关文字等
^{定义上标文本}
_{定义下标文本}
定义文本显示方向，左至右
定义文本显示方向，右至左
定义缩写文本

定义长引用文本

4、其他标签元素

5、新增属性

这是一段可编辑的段落

6、表单部分

三种表单数据编码方式：

application/x-www-form-urlencoded：默认的编码方式，只处理表单控件里的value属性值，并将这些值处理成URL编码格式。
multipart/form-data：以二进制流的方式处理表单数据，上传文件时使用。
text/plain：一般在邮件链接（mailto:URL）时使用。
为表单控件添加“tabIndex”属性，便可以用Tab键来根据“tabIndex”的值转换各个控件的焦点。

使用label定义标签：标签可以自动与对应的表单元素相关联，当用户点击标签时对应的表单域会自动获得焦点。

Please input your username:


Username:

使用 button 定义按钮：标签内部可以包含普通文本、文本格式化标签以及图像等等，这是相对于标签的优势。

使用表单的 form 属性：该属性可以使表单控件不用全部放到

使用表单的 formaction 属性：该属性可以使表单具备多提交入口的功能，即可以实现不同按钮提交到不同服务器接口的功能。

使用表单的 formtarget 和 formenctype 属性：formtarget属性可以动态改变表单提交的target方式，formenctype属性可以动态改变标题提交时使用的编码方式。