语义化标签
<header></header>
<nav></nav>
<article></article>
<aside></aside>
<footer></footer>
多媒体标签
-
<audio> -
.属性：
- autoplay：自动播放
- controls：控制界面
- loop：循环
- src ：URL
-
PS：chorme静止了自动播放
-
示例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<section>
<audio controls autoplay loop >
<source src="media/1.mp4">
您的浏览器暂时比支持audio
</audio>
</section>
</body>
</html>
<video>- 属性：
- autoplay：自动播放
- controls：控制界面
- width：宽
- height：高
- preload：是否等待加载完毕再播放
- poster：加载等待的图片
- muted：静音播放
- loop：循环
- src ：URL
- PS：chorme静止了自动播放，但是，当设置静音播放的时候，是可以自动播放的，比如下面的例子，设置的自动静音循环播放
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<video autoplay muted loop>
<source src="media/1.mp4">
您的浏览器不支持vedio
</video>
</body>
</html>
未完待续。。。
