* 結構化語義標簽： ``` article（文章）， aside（側邊）， header（頭部）， footer（尾部）， nav（導航）， section（小節，文章的章節）等等。 這些標簽主要是為了表示某種“含義”（即所謂語義），但其本身沒有什么外觀表現，跟div一樣。 ```  * 多媒體標簽： ``` 1. audio：音頻標簽。 <audio src=”音頻文件路徑” [autoplay] [controls] [loop] ></audio> 屬性解釋： autoplay：無值屬性，表示自動播放； controls：無值屬性，表示顯示控制面板； loop： 無值屬性，表示循環播放 ``` ``` 2. video：視頻標簽。 <video src=”音頻文件路徑” [autoplay] [controls] [loop] width=”xx” height=”xx”></video> ```  ``` 3. source：資源標簽——為音頻和視頻提供多項文件源，如下所示。 ```   ``` 注意： 1，如果使用了source標簽，則audio或video標簽上就不要用src屬性，否則無效。 2，使用多個source是保證如果前面的視頻不能播放就會繼續播放后續的替代視頻。 ``` ``` 4. embed： 嵌入第三方插件，通常用的最多的就是flash動畫。 ```  * 其他標簽： dialog， progress， mark， time， address等等。 簡單解釋如下： dialog： 對話框標簽，內容表現為“浮起來的對話框”；【Chrome和Safari 6支持，需要open屬性】 progress： 進度條標簽（單標簽）表現為一個進度條的樣子； ``` 代碼<progress value="50" max="100">表現為： ```  mark： 標記標簽，文本有“突出顯示”效果（通常是顯示為黃色背景）； time： 時間標簽，表示其內容是一個時間； address： 地址標簽，表示其內容是一個地址； canvas： 畫布標簽，可以在其上面作畫（需要后續js知識才能實現）； details/summary：兩者配合使用，實現文本的“詳情/概述的折疊效果”，形式為： ``` <details> <summary>概述性內容</summary> 詳情內容。。。。 </details> ```