标签语义化

1、结构标记
1、作用
为了提升代码的语义性
2、结构标记
1、header 元素
语法：<header></header>
作用：表示信息部分的头部内容,页眉
等同于

<div id="head"></div>            
<header id="head"></header>
<header id="content_header"></header>

  2、nav 元素
     navigation : 导航
     语法：<nav></nav>
     作用：表示或定义页面中的导航链接部分
           等同于 <div id="nav"></div>
  3、section 元素
     语法：<section></section>
     作用：定义文档中的节(主体内容中的某一部分)
           等同于 <div id="section"></div>
  4、article 元素
     article ：文章
     语法：<article></article>
     作用：定义与文字性相关比较强的内容，如：帖子，报纸文章、博客条目、微博信息
  5、footer 元素
     foot ：脚
     语法：<footer></footer>
     作用：定义页面中靠下的部分内容，页脚内容，多数会将 版权信息、友情链接 等相关内容放在此标签中。
     等同于：<div id="footer"></div>
  6、aside 元素
     语法：<aside></aside>
     作用：定义页面的一些额外组成部分。
           一般情况下，边栏可以使用 该标记
     等同于:<div id="aside"></div>

其他标记
1、浮动框架 iframe
语法:<iframe></iframe>
属性：
src : 引入的网页URL
width:宽度
height:高度
frameborder:引入的网页的边框宽度
2、摘要与细节
可以对网页上的某部分信息进行展开和收缩
语法：
<details></details> : 定义细节内容
<summary></summary> : 定义细节内容的标题
3、度量元素
按照一定比例的方式去显示数值
语法：

    <meter></meter>

  属性：
 min ：度量范围的最小值，默认为0
 max ：度量范围的最大值，默认为1
 value：当前的度量值，默认值为0

4、时间元素
语法：

    <time>文本</time>

  属性：
    datetime:规定当前元素的日期和时间 用T进行分割
  eg:
     今年<time datetime="2016-2-14T15:00">情人节</time>，我跟你过！

5、高亮文本显示
以特殊的效果 显示 所包含的文本
特殊效果：默认情况下，背景颜色为黄色
语法：<mark>文本</mark>展示效果：文本