html5新增标签

*display:none与visible:hidden的区别

相同点：功能上都是把网页上某个元素隐藏起来

不同点：display:none ---不为被隐藏的对象保留其布局空间

              visible:hidden--- 为被隐藏的对象保留其布局空间，元素在网页上所占的布局空间没有改变，元素还在，只是看不见了。就像穿了隐身衣的人在体重秤上，人看不到，但是体重秤还是会显示体重数字的

一.新增语义化标签

1. html5中新增的语义化标签分为两大类：

1.块元素

2.内联元素

1：块元素新增标签总结

1. <header></header>
2. <nav></nav>
3. <section></section>
4. <footer></footer>
5. <main></main>
6. <aside></aside>
7. <article></aiticle>

8.<figure>
   <figcaption>独立流内容标题</figcation>
   独立流内容（图表，代码，图片，表格等）
</figure>

9.<details>
   <summary>概要，标题</summary>
    内容
<details>

2：内联元素新增标签总结 

1.<progress value="进度值" min="最小值" max=“最大值”>
   你的浏览器不支持此标签
</progress>

2<meter value=“值” min=“” max=“” low=“” high=“”>Your browser is not 
support