H5新特性之語義化標簽
一、什么是語義化
標簽有了自己的含義，通過標簽就能判斷內容語義。
二、語義化的好處
1、html結構清晰，代碼可讀性較好，便於團隊維護和開發
2、更有利於搜索引擎或輔助設備理解html頁面內容，搜索引擎可以根據標簽語言確定上下文和權重關系
三、H5常用的語義化標簽
<section>用於對網站和頁面內容分塊，划分單獨的模塊區域
<article>獨立的文章展示
<aside>頁面中的附屬側邊信息
<header>：定義頁面或內容的頭部區域
<footer>：定義頁面或內容的底部區域
<nav>：定義頁面導航
<figure>表示一個獨立的內容
<figcaption>表示<figure>的標題（必須寫在<figure>的內部，一般放在<figure>的第一位或者最后一位，最多只有一個）
<main>表示頁面的主體內容（一個頁面只能使用一次）
<hgroup>表示對網頁或區段的標題進行組合，通常對h1~h6進行分組
<time>：定義日期和時間
<mark>用來突出顯示文本,默認情況下背景為黃色
<dialog>類似於微信對化框（默認display：none 加open才顯示 ，有默認定位和默認邊框）
<embed>標記定義外部的可交互的內容和插件
<progress></progress>代表一個任務完成的進度
屬性值：max定義完成的值
value表示進程當前的值
（value和max的值必須都大於0；但value的值要小於或等於max的值）
<source>定義媒介資源，規定可替換的視頻/音頻文件供瀏覽器根據它對媒體類型或者編解碼器的支持進行選擇。
type屬性：
視頻：video/ogg video/mp4 video/webm
音頻：audio/ogg audio/mpeg
<video>表示一段視頻並提供播放的用戶界面,屬性值為：
.src:資源路徑 .contorls:如果出現該屬性，則向用戶顯示控件
.autoplay如果出現該屬性，則視頻在就緒后立刻播放
.loop：重復播放屬性 .muted:靜音屬性 .poster規定視頻正在下載時顯示的圖像，直到用戶點擊播放按鈕
<audio>表示音頻
