语义化标签

  1. <article>定义文章</article><br />    <aside>定义文章侧边栏</aside><br />    <figure>定义一组媒体对象以及文字内容</figure><br />    <figcaption>定义figure的标题</figcaption>

video 视频 ：

html实现视音频嵌入：这种方式虽然可以实现，但是要浏览器支持Flash(Flash是由macromedia公司推出的交互式矢量图和Web动画的标准)； 而且并不能实现控制，所以要实现起来很麻烦。HTML5存在很大的兼容性问题。

属性：

src: url,视频的路径。
controls:可以在页面显示控件。
autoplay:自动播放(视频不支持自动播放)。
loop：重复播放。
muted:是否静音，默认为不静音状态。
preload：是否自动加载(如果出现该属性，则视频页面加载时进行加载，并预备播放。如果使用“autoplay”则忽略该属性)。

视频格式：

        1.Ogg格式：带有Theora视频编码和Vorbis音频编码Ogg文件。<br />            2.MPEG4格式：带有H.264视频编码和AAC视频音频编码的MPEG4文件。<br />            3.WebM格式：带有VP8视频编码和Vorbis音频编码的WebM文件。<br /><!--sourc:规定多个媒体资源，可以是多个 。--><br /><source src="./video/dududu.mp4"><br />        <source src="./video/dududu.ogg"><br />        <source src="./video/dududu.webm"><br /><!-- 如果A浏览器支持款第一个，那就直接播放第一个。如果B浏览器支持第二个，遇到第一个标签的时候不会执行，遇到可以支持的格式才播放。-->

audio音频

        <audio controls>
        <source src="./audio/d.mp3">
        <source src="./audio/d.ogg">
        <source src="./audio/d.webm">
    </audio>