一、主体结构元素

1、section元素

（1）不要将section作为设置样式的页面容器，div负责。

（2）如果article元素，aside元素，nav元素更符合使用条件，不使用section

（3）没有标题的内容，不要使用section

2、nav元素应用场景

（1）传统导航条

（2）侧边栏导航

（3)页内导航

(4)翻页操作

（5）不能用menu元素替代nav。menu是交互性元素。

3、aside

（1）在article元素内使用，作为名词解释。

（2）在article外使用，页面或站点的附属信息部分，侧边栏，包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条。

4、time元素与微格式，pubdate

当有多个时间存在，拥有pubdate属性的time元素表示具体的发布时间

二、非结构主体元素

1、header

header 元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但是也可以包含其他内容，例如数据表格、搜索表单或相关的 logo 图片

2、footer

footer 元素可以作为其上层父级内容区块或是一个根区块的脚注。footer 通常包括其相关区块的脚注信息，如作者、相关阅读链接及版权信息等。

3、hgroup

是将标题及其子标题进行分组的元素。hgroup元素通常会将h1~h6元素进行分组，譬如一个内容区块的标题及其子元素算一组。

4、address

address 元素用来在文档中呈现联系信息，包括文档作者或文档维护者的名字、他们的网站链接、电子邮箱、真实地址、电话号码等。address 应该不只用来呈现电子邮箱或真实地址，还用来展示跟文档相关的联系人的所有联系信息。

三、表单

本课时讲解在 HTML4 中，表单内的从属元素必须书写在表单内部，而在 HTML5 中，可以把他们书写在页面上任何地方，然后为该元素指定一个 form 属性，属性值为该表单的 id，这样就可以声明该元素从属于指定表单了

1、form和formaction

之前一个表单元素，有一个action，只能提交到一个服务器，利用formaction，可以将不同元素提交到不同服务中。

2、

一个表单内只能有一个 action 属性用来对表单内所有元素统一指定提交页面，所以每个表单内页只有一个 method 属性来统一指定提交方法。在 HTML5 中，可以使用 formmethod 属性来对每一个表单元素分别指定不同的提交方法。

formenctype对表单元素分别指定不同的编码方式

3、

在 HTML4 中，表单元素具有一个 target 属性，该属性用于指定在何处打开表单提交后所需要加载的页面。 在 HTML5 中，可以对多个提交按钮分别使用 formtarget 属性来指定提交后在何处打开所需加载的页面。

4、required 属性和 labels 属性

required 属性可以应用在大多数输入元素上，在提交时，如果元素中内容为空白，则不允许提交，同时在浏览器中显示信息提示文字。

为所有可使用标签的表单元素、button、select元素等，定义一个labels属性，属性值为一个nodelist对象，代表该元素所绑定的标签元素所构成的集合

在HTML5中，可以再标签内部放置一个表单元素，并且通过该标签的control属性来访问该表单元素。placeholder是指当文本框处于未输入状态时显示的输入提示。当文本框处于未输入状态且未获取光标焦点时，模糊显示输入提示文字。

6、list属性和AutoComplete属性

在HTML5中，为单行文本框增加了一个list属性，该属性的值为某个datalist元素的id。datalist元素也是HTML5中新增的元素， 该元素类似于选择框，但是当用户想要设定的值不在选择列表之内时，允许自行输入。datalist元素本身并不显示，而是当文本框获得焦点时以提示输入的 方式显示。

7、pattern属性和SelectionDirection属性

在HTML5中，对input元素使用pattern属性，并且将属性值设为某个格式的正则表达式，在提交时会针对这些进行检查，检查其内容是否符合给定 格式。当输入的内容不符合给定格式时，则不允许提交，同时在浏览器中显示信息提示文字，提示输入的内容必须符合给定格式。