HTML5（补充）

一.音频和视频

–多媒体–
–音频–

1.属性

 <audio src="music/yinyue.mp3" autoplay controls> </audio>
          autoplay--自动播放
          controls--控制条
          loop--循环播放
          preload--预加载
--视频--<video>
 <video src="video/movie.mp4" controls autoplay></video>
          autoplay--自动播放
          controls--控制条
          loop--循环播放
          preload--预加载

2.方法和其他属性

--play()--播放
--pause()--暂停
--load()--重新加载视频和音频
--currentTime--音频和视频快进，快进多少秒
   			--vidios.currentTime+=10;--快进十秒
--playbackRate--设置或返回视频和音频的速度,多少倍速
   			--vidios.playbackRate=2;--2倍速播放
--volume--声音的大小，增加和减少声音
   			--vidios.volume=(vidios.volume*10+1)
--muted--如果为静音，则返回true，否则返回false
--webkitRequestFullScreen()--请求全屏

二.HTML5中的DOM操作

1.自定义属性和获取元素

 获取元素：
       --document.querySelector("selector") 通过CSS选择器获取符合条件的第一个元素。
       --document.querySelectorAll("selector")  通过CSS选择器获取符合条件的所有元素，以类数组形式存在。
            
自定义属性：
        --HTML5中，添可以直接在标签里添加自定义属性，但必须通过"data-"+name的开头的方式添加自定义属性，
        --获取自定义属性值--box.dataset["属性名"]
                        --box.dataset."属性名"
                        --data-user-name="小白"dataset.age="10";
                          	 --获取--box. dataset.userName

2.添加类名

添加类名：
--box.classList.add("类名")----增加一个类名
--box.classList.remove("类名")----删除一个类名
--box.classList.toggle("类名")----有此类名，删除；无此类名，添加
--box.classList.contains("类名")-----有此类名，返回true，无此类名，返回false

列表标签dl-dt-dd

 --<dl> <dt> <dd>是一组合标签，使用了dt dd最外层就必须使用dl包裹，此组合标签我们也又叫表格标签，
与table表格类似组合标签，故名我们也叫dl表格
--<dl>
   		<dt>列表标题</dt>
   		<dd>列表内容</dd>
   		<dd>列表内容</dd>
   ...
</dl>