html5部分新增元素和移除元素

　　

  进入前端学习已经一个月了，今天和大家分享一下html5中部分新增元素和移除的元素。

   - 新增语义化元素（html中结构标记）

　　　　1. header:用于表示页面或某个区域的头部。

　　　　2. nav: 用于表示导航栏。

　　　　3. aside: 用于表示和主题相关的附加信息。

　　　　4. article:用于表示文章或其他可独立页面存在的内容。

　　　　5. section: 用于表示一个整体的一部分主题。

　　　　6. footer: 用于表示页面或某个区域的脚注。

　　那么，这些新增的语义化标签有什么好处呢？我谈谈我的几点看法：

　　　　a.使用语义化标签可以使结构更加清晰，方便浏览器和搜索引擎进行解析。

　　　　b.即使在没有css样式的渲染下，也可以以一种文档的格式显示，方便阅读和维护。

　　　　c.方便搜索引擎的网络蜘蛛抓取信息。

　 - 新增其他元素

　　　　1. video：使用此标签可以在网页中插入视频文件。

　　　　2.audio：使用此标签可以在网页中插入音频文件。

　　　　3.canvas : 使用此标签可以定义一个图形，比如图表和其他图像（此标签知识图像容器，必须使用脚本来绘制图形）。

    - 本地储存

    　　1.localStorage  参考： https://www.cnblogs.com/st-leslie/p/5617130.html

   　　 2.sessionStorag  参考：https://www.cnblogs.com/polk6/p/5512979.html

    - 表单空间

   　　 1.email ：提交表单的时候验证输入值是否满足email格式

　　　　 <input type=“email” name=“email”/>

  　　  2.url : 提交表单的时候验证输入值是否满足url的格式

　　　　<input type=“url” name=“url”/>

   　　 3.number : 根据你的设置提供选择数字的功能，其中min为最小值，max为最大值，value为默认值，step为点击箭头时数字的变化量，max、min、step、value均可不写，目前某些浏览器还不支持。

　　　　 <input type="number" name="number" min=2 max=100 step=5 value=“15"/>

   　　 4.range：会以一个滑块的形式表现包含一定范围内数字值的输入域，max为最大值，min为最小值，value为默认值，如果没有设置max和min，默认值是1-100。

　　　　<input type="range" name="range" min=20 max=200 value=“60"/>

   　　 5.date:选取年月日

　　　　<input type=“date” name=“date”/>

    　　6.mouth：选取年月

　　　　 <input type="month" name=“month"/>

   　　 7.week ：选取年周

　　　　 <input type="week" name=“week"/>

      　 8.time ：选取小时 、分钟

　　　　　<input type="time" name="time"/>

   　　 9.datetime：选取时间、日、月、年(UTC时间)（我这里浏览器显示不出效果）

　　　　<input type="datetime" name=“datetime"/>

    　　10.datetime-local：选取时间、日、月、年(本地时间)

　　　<input type="datetime-local" name=“datetime-local”/>

   　　 11.search：用于搜索域，若加上result="s"属性，则会在搜索框前面加一个搜索图标（我这里浏览器显示不出效果）

　　　<input type="search" name="search" result=“s"/>

  　　12.tel：验证输入的是否是电话号码的格式

　　　<input type="tel" name="tel" />

  　　13.color：color类型会提供颜色拾取器，供用户选择颜色，并将用户选择的颜色填充到此元素中

　　　<input type="color" name=“color"/>

下面罗列一些移除的元素：

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

　　对可用性产生负面影响：frame,frameset,noframe

　　iframe会阻塞主页面的onload事件，搜索引擎无法解读这种页面，不利于SEO

　　iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的加载

　　解决：动态给iframe添加src属性，可以绕开上面两个问题