html5笔记

1、主体结构元素

一、section元素

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

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

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

二、nav元素应用场景

（1）传统导航条

（2）侧边栏导航

（3)页内导航

(4)翻页操做

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

三、aside

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

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

四、time元素与微格式，pubdate

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

2、非结构主体元素

一、header

header 元素是一种具备引导和导航做用的结构元素，一般用来放置整个页面或页面内的一个内容区块的标题，可是也能够包含其余内容，例如数据表格、搜索表单或相关的 logo 图片

二、footer

footer 元素能够做为其上层父级内容区块或是一个根区块的脚注。footer 一般包括其相关区块的脚注信息，如做者、相关阅读连接及版权信息等。

三、hgroup

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

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

3、表单

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

一、form和formaction

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

二、formmethod 和 formenctype 属性

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

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

三、formtarget 属性和 autofocus 属性

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

四、required 属性和 labels 属性

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

为全部可以使用标签的表单元素、button、select元素等，定义一个labels属性，属性值为一个nodelist对象，表明该元素所绑定的标签元素所构成的集合
五、control属性与placeholder属性

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

六、list属性和AutoComplete属性

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

七、pattern属性和SelectionDirection属性

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