[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> ~~~