前言
本教程基于尚硅谷Web前端教程发布,你们也可以理解为这是一篇尚硅谷教程的笔记,当然这里也有我自己的一些经验总结
内联框架
1
<iframe src="" frameborder=“0"></iframe>
用于向网页引入其他网页
一般有两个标签
- src 用于引入框架链接
- frameborder 用于设置框架的边框,
0
为无边框
同样iframe也可以设置宽和高等等名指对因素
注意:
- 内联中的网页是不会被SEO的,内联中的网页也与你编写的网页无关(现在不经常使用
- 引用内联不会影响其他标签使用
音视频播放
音频
audio
: 用于在网页中播放音频
1
<audio src=""></audio>
- 默认的音频标签是无法允许用户操控进度的还需要属性
controls
autoplay
定义音频是否自动播放,但这一属性在大部分浏览器已经不适用了,除非部分浏览器用户点击过这个音频然后刷新网页才能自动播放loop
用于说明音频是否循环播放
这些标签是我们第一次见到不需要的名指对
1
<audio src="" controls autoplay loop ></audio>
IE8
需要注意的是在IE8浏览器中不支持audio
标签,我们可以这样提示他
1
2
3
4
<audio controls>
<p>对不起,您使用的浏览器不支持本标签,请换浏览器</p>
<source src="">
</audio>
我们也可以通过embed
解决问题
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<audio controls>
<!--
对不起,您使用的浏览器不支持本标签,请换浏览器
-->
<source src="音频.mp3">
<!--
当然也可以多写一个 <source src="">引用不同格式的音频,浏览器会优先选择最适合播放的播放,一般采用mp3格式
-->
<embed src="" type="写入文件属性,如audio/mp3">
</audio>
视频播放
1
2
<video src="" controls>
</video>
- 使用方法基本和audio一样
1
2
3
4
5
6
7
8
9
<video controls>
<source src="">
<!--
IE无法8无法识别video时识别这个标签
-->
<embed src="" type="video/mp4">
</video>
☛兄dei,请我喝杯茶☚