TML5 现在已经不是 SGML 的子集，主要是关于图像，位置，存储，多任务等功能的增加。

本地离线存储 localStorage 长期存储数据，浏览器关闭后数据不丢失;sessionStorage 的数据在浏览器关闭后自动删除;新的技术webworker, websocket, Geolocation.

新增标签

1、<article> 标记定义一篇文章

2、<header> 标记定义一个页面或一个区域的头部

3、<nav> 标记定义导航链接

4、<section> 标记定义一个区域

5、<aside> 标记定义页面内容部分的侧边栏

6、<hgroup> 标记定义文件中一个区块的相关信息

7、<figure> 标记定义一组媒体内容以及它们的标题

8、<figcaption> 标签定义 figure 元素的标题。

9、<footer> 标记定义一个页面或一个区域的底部

10、<dialog> 标记定义一个对话框(会话框)类似微信

11、<video> 标记定义一个视频

12、<audio> 标记定义音频内容

13、<source> 标记定义媒体资源

14、<canvas> 标记定义画布

15、<menu> 右键菜单

16、<meter> 范围条

17、<progress> 进度条

18、<datalist> 为input标记定义一个下拉列表，配合option

表单类型:

1、email 邮箱地址

2、url URL地址

3、date，time，month，week，datetime，datetime-local 日期类型

4、number 数字（max min step）

5、range 范围滑块（max min step）

6、search 搜索输入框

7、tel 电话号码输入框

8、color 颜色拾取器

表单属性

1、placeholder 输入框默认内容

2、required 必填内容（必须加name）

3、pattern 正则验证（必须加name）

4、autofocus 自动聚焦

5、autocomplete 自动完成（autocomplete="on/off"）

6、novalidate 不验证此表单（form属性）

7、multiple 多个值上传

移除的元素：

纯表现的元素：basefont，big，center，font, s，strike，tt，u;

对可用性产生负面影响的元素：frame，frameset，noframes；

支持HTML5新标签：

IE8/IE7/IE6支持通过document.createElement方法产生的标签，可以利用这一特性让这些浏览器支持HTML5新标签，浏览器支持新标签后，还需要添加标签默认的样式。

当然也可以直接使用成熟的框架、比如html5shiv,地址：https://cdn.bootcss.com/html5shiv/r29/html5.min.js。

在学习的HTML5语义时候，我觉得这个标签设置很便于理解；以下是新增的语义标签还有一些新标签：

们上一篇文章已经对HTML5有了一定了解。（了解HTML5语义化标签——小白们看过来）

今天我们总结一些常用的语义化标签，刚学完HTML标签的童靴们赶紧趁热打铁吧！

<header></header> 页眉

页眉通常包括网站标志、主导航、全站链接以及搜索框。

也适合对页面内部一组介绍性或导航性内容进行标记。

如下例子中，页眉中包含了一个导航：

<nav></nav> 导航，仅对文档中重要的链接群使用。

html5规范不推荐对辅助性页脚链接使用nav，除非页脚再次显示顶级全局导航、或者包含招聘信息等重要链接。

例子参考上面。

<footer></footer> 页脚

页脚通常含有该节的一些基本信息，譬如：作者，相关文档链接，版权资料。如果
元素包含了整个节，那么它们就代表附录，索引，提拔，许可协议，标签，类别等一些其他类似信息。

<footer> © 2018 toutiao.com All Rights Reserved </footer>

<section></section>

具有相似主题的一组内容，比如网站的主页可以分成介绍、新闻条目、联系信息等条块。类似于div。

如下例子中，关于section的介绍放在了一个<section>里面：

<article></article>

可以作为文章的标签。 article可以嵌套article，只要里面的article与外面的是部分与整体的关系。

爱学习的孩子运气不会差哦~

关注小白前端，持续收到文章推送！