h5常用标签！以及音频视频文件的使用

一、常用标签

1、头部<header></header>

2、尾部<footer></footer>

3、导航<nav></nav>

4、媒体文件引入<embed src=“”></embed>

5、内容块<section></section>

6、辅助信息<aside></aside>

7、文章<article></article>

8、独立内容块（类似自定义表格）

<figure>

<figcaption>这个是熊大小动物</figcaption>

<img src="xiongda.png" />

</figure>

9、高亮显示文字（在搜索结果中向用户高亮显示搜索关键词）

<mark></mark>

10、标题组<hgroup></hgroup>

用来对标题元素进行分组

11、对话框

<dialog open>这是打开的对话窗口</dialog>

12、定义图形（图形容器）

<canvas> </canvas>

二、Video视频文件

<video src="Blue.mp4" controls="controls" autoplay="autoplay"

preload="auto" loop="loop" poster="Blue.jpg"></video>

src:引入路径 preload:预备加载 音频在页面加载时进行加载（使用autoplay可忽略）

controls：显示控件(控制按钮) loop：循环播放

autoplay：自动播放 poster：定义视频第一张的图片

<video controls="controls" autoplay="autoplay">

<source src="Yello.mp4" type="video/mp4"></source>

<source src="Yello.oog" type="video/oog"></source>

<source src="Yello.webm" type="video/webm"></source>

</video>

video中允许有多个source元素，source元素可以连接不同的视频文件，/*目前支持三种video格式*/

浏览器将使用第一个可识别的格式进行播放

三、 Audio音频

定义音频，比如音乐或其他音频流

<audio src="someaudio.mp3">您的浏览器不支持 audio 标签。</audio>

属性同video