【前端15】替换标签

更多查看
https://linexic.top/index.php/tag/HTML

前言

这篇教程原文是在4.3的时候发布的，有一些时候了，前几天开通了csdn账号，想着发个文章就发了最近编写的文章

内联框架

<iframe src="" frameborder=“0"></iframe>

用于向网页引入其他网页

一般有两个标签

• src 用于引入框架链接
• frameborder 用于设置框架的边框，0为无边框

同样iframe也可以设置宽和高等等名指对因素

注意：

• 内联中的网页是不会被SEO的，内联中的网页也与你编写的网页无关（现在不经常使用
• 引用内联不会影响其他标签使用

音视频播放

音频

文档

audio： 用于在网页中播放音频

<audio src=""></audio>

• 默认的音频标签是无法允许用户操控进度的还需要属性controls
• autoplay 定义音频是否自动播放，但这一属性在大部分浏览器已经不适用了，除非部分浏览器用户点击过这个音频然后刷新网页才能自动播放
• loop 用于说明音频是否循环播放

这些标签是我们第一次见到不需要的名指对

<audio src="" controls autoplay loop ></audio>

IE8

需要注意的是在IE8浏览器中不支持audio标签，我们可以这样提示他

 <audio controls>
<p>对不起，您使用的浏览器不支持本标签，请换浏览器</p>
 <source src="">
</audio>

我们也可以通过embed解决问题

 <audio controls>
<!--  

对不起，您使用的浏览器不支持本标签，请换浏览器

-->
 <source src="音频.mp3">
<!-- 

当然也可以多写一个 <source src="">引用不同格式的音频，浏览器会优先选择最适合播放的播放，一般采用mp3格式 

-->
<embed  src="" type="写入文件属性，如audio/mp3">
</audio>

视频播放

<video src="" controls>
</video>

• 使用方法基本和audio一样

  <video  controls>
  <source src="">
<!-- 

IE无法8无法识别video时识别这个标签

 -->
  <embed src="" type="video/mp4">
</video>