[TOC] # 常用新標簽 ~~~ header: 定義文檔的頁眉頭部 nav: 定義導航鏈接的部分 footer: 定義文檔或節點頁腳底部 article: 定義文章 section: 定義文檔中的節(section,區段) aside: 定義其所處內容之外的內容側邊 datalist: 標簽定義選項列表.與input元素配合使用該元素 fieldset元素可以將表單內的相關元素分組,打包.和legend搭配使用 ~~~ ~~~ <input type="text" value="輸入明星" list="star" /> <!-- input里面用list --> <datalist id="star"> <!-- 用id和input關聯起來 --> <option>劉德華</option> <option>周杰倫</option> <option>張學友</option> </datalist> ~~~ 輸入有提示  有列表  ~~~ <fieldset> <legend>用戶登錄</legend> <!-- 標題 --> 用戶名: <input type="text" /> <br> 密碼: <input type="password" /> </fieldset> ~~~  # 多媒體標簽 - embed：標簽定義嵌入的內容 - audio：播放音頻 - video：播放視頻 ## 多媒體 embed（會使用） embed可以用來插入各種多媒體，格式可以是 Midi、Wav、AIFF、AU、MP3等等。url為音頻或視頻文件及其路徑，可以是相對路徑或絕對路徑。 因為兼容性問題，我們這里只講解 插入網絡視頻， 后面H5會講解 audio 和video 視頻多媒體。 ```html <embed src="http://player.youku.com/player.php/sid/XMTI4MzM2MDIwOA==/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed> ``` ## 多媒體 audio HTML5通過<audio>標簽來解決音頻播放的問題。 使用相當簡單，如下圖所示 并且可以通過附加屬性可以更友好控制音頻的播放，如： * autoplay 自動播放 * controls 是否顯不默認播放控件 * loop 循環播放 loop = 2 就是循環2次 loop 或者 loop = "-1" 無限循環 多瀏覽器支持的方案，如下圖 ~~~ <audio controls> <!-- 通過source標簽指定多格式音頻文件 --> <source src="./music/abc.mp3" /> <source src="./music/abc.wav" /> </audio> ~~~ ## 多媒體 video HTML5通過`<audio>`標簽來解決音頻播放的問題。 同音頻播放一樣，`<video>`使用也相當簡單，如下圖 同樣，通過附加屬性可以更友好的控制視頻的播放 * autoplay 自動播放 * controls 是否顯示默認播放控件 * loop 循環播放 * width 設置播放窗口寬度 * height 設置播放窗口的高度 多瀏覽器支持的方案，如下圖 ~~~ <audio controls="controls"> <!-- 通過source標簽指定多格式音頻文件 --> <source src="./video/abc.ogg" /> <source src="./video/abc.mp4" /> 您的瀏覽器不支持視頻播放 </audio> ~~~