【前端15】替换标签

【前端15】替换标签

Posted by LineXic on April 3, 2024

前言

本教程基于尚硅谷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,请我喝杯茶☚
%