HTML5新增的标签（常用）

HTML5新增标签
语义化标签

<header>头部</header>
<section>内容</section>
<footer>脚部</footer>
<article>文字区域</article>
<aside>侧边栏</aside>
<nav>导航栏</nav>

视频标签

<video>
	<source src="xx.mp4" type="vedio/mp4">//source标签可以规定视频的视频格式，有这个标签时，video标签上就不用写src了。
</video>

video标签的属性

属性	属性值	作用
src	视频的地址链接	指定视频内容
controls	controls	显示视频进度条，包括播放按钮
poster	url(图片地址)	指定视频封面图
muted	muted	视频静音
autoplay	autoplay	视频自动播放
preload	auto、metadata、none	视频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。
loop	loop	视频循环播放
height	xxpx	设置高度
width	xxpx	设置宽度

音频标签

<audio>
	<source src="xx.mp3" type="audio/mpeg">
</audio>

audio标签的属性除了没有poster，其它和video还是差不多的。

嵌入标签

<embed type="image/jpg" src="xx.png">嵌入图片
<embed type="text/html" src="xx.html">嵌入HTML页面
<embed type="video" src="video.mp4"> 嵌入视频
<embed src="xx网址"> 嵌入网站

其它常用标签

<mark>高亮标记标签</mark>
<datalist>过滤列表,通过自身id与input绑定，input设置list=id</datalist>
<figure>图像域，内部插入<img>标签</figure>
<time>2019-09-09</time>能够将标签内的时间以机器可读的方式编码，方便实现日期提醒之类的功能。
<address>姓名邮箱等信息</address>这个标签用来显示文档作者的信息
<meter min="" max="" low="" high="" value="">这是一个有颜色的条条，min代表最小，max代表最大值，low和high可以给它分成3段
每段颜色就会不同，value是初始值。
<progress min-"" max="" value="" >一个进度条，我感觉和上面那个条条差不多，目前表现出的差别就是样式不同，上面的条条可以分段
而已。