H5新特性之语义化标签

这回来了解一下H5的语义化标签，H5的语义化标签，把他拆开来讲，H5就是在HTML（超文本标记语言）上的修订升级之后的产品，他的出现极大的赋予了搭建结构的灵活性。H5的语义化标签，它就是相对于之前更具“意义”的标签，通过下面的具体内容一定会对它有所了解，充分利用好他相信对我们也会是极大的方便

HTML5（H5）

H5是在HTML基础上的修订升级的一个新的版本，简单的讲是对HTML的一个补充完善，
让他变得更加方便，相对于HTML最大的特点就是赋予了他极大的灵活性，详细的话可以
了解下H5的发展史。兼容绝大部分现代主流浏览器。

语义化标签

用通俗的语言讲就是，在没有HTML5之前的标签比较笼统，它并不带有具体的“意义”，而
现在给标签赋予更加通俗的“意义”给他分下类，让他变得更加好用，清晰而又灵活。
相对于之前的没“意义”的标签，赋予了“意义”的新标签就是所谓的语义化标签

语义化结构标签

常用于搭建网页结构的HTML5的语义化标签
以下是13个常用的语义结构化标签

1. section标签
   常用的一个HTML5的语义化结构标签，类似于HTML的div，不过section
   更偏向于划分区域

2. article标签
   表示一块与上下文无关的独立的内容，更偏向于内容的展示

3. aside标签
   用在article之外的板块，用于在一边（一旁）的内容展示

4. header标签
   一个页面的标题板块或者一个内容块的标题板块（内容的头部）

5. footer标签
   与header相反，一个页面的底下部分或者一个内容块的底下板块
   （内容的底部区域）

6. Nav标签
   用于页面的导航链接板块

7. figure标签
   表示一块独立的内容，默认情况下自带margin值

8. figcation标签
   figure的标题一般放在元素后面

9. main标签
   表示页面的主要内容板块（IE浏览器不兼容）

10. hgroup标签
    标题的一个分组

11. Mark标签
    定义高亮显示的文本相当于html的span标签，默认情况下高亮显示
    背景为黄色为内联元素

12. time标签
    用于放时间的板块

13. dialog标签
    模拟对话框，默认具有定位和边框属性

HTML5语义化结构标签应用

	每个标签都有各自的特点，搭配使用的话会给我们带来极大的便利，具体可以
	像下面具体实现，根据自身的要求选择不同的标签，灵活运用

• 划分主体结构：
  

• 给主体区域添加样式
  

• 实现效果
  

结束语

仅目前对HTML5语义化结构标签了解及应用，有出入之处还请指正，结构实现
仅供参考，须结合实际需要灵活运用