Python——Html(内联框架<iframe>)

<iframe>(内联框架)是 HTML 中的一个标签,用于在当前文档中嵌入另一个文档。它提供了一种将一个 HTML 文档嵌套到另一个文档的方式,允许在一个页面中显示另一个页面的内容。以下是关于 <iframe> 的一些常见用法和意义:

iframe本质就是引入,在页面中嵌入另一个页面。一般会用来嵌入视频、音乐、新闻、地图等
一些老的浏览器不支持 iframe。
如果得不到支持,iframe 是不可见的。

1. 嵌入其他网页:

<body>
<iframe src="https://www.baidu.com"></iframe>
</body>

通过指定 src 属性,可以将另一个网页嵌套到当前页面中。这对于在一个页面中显示来自不同源的内容非常有用,比如在博客中嵌入视频或其他网页。

2. 嵌入媒体元素:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
</head>
<body>

<iframe src="http://mediaplay.kksmg.com/2022/07/25/h264_720p_600k_39038-DFTVHD-20220725175000-4800-310117-600k_mp4.mp4"></iframe>

<p>一些老的浏览器不支持 iframe。</p>
<p>如果得不到支持,iframe 是不可见的。</p>

</body>
</html>

可以使用 <iframe> 来嵌入音频或视频播放器。在这种情况下,被嵌入的页面(例如 video.html)通常包含了相应的媒体元素和控制器。

3. 内联框架的大小和样式:

<body>
<iframe src="content.html" width="600" height="400" style="border: 1px solid #ccc;"></iframe>
</body>

可以通过设置 widthheight 属性来指定 <iframe> 的大小,并通过 style 属性来应用样式,例如添加边框。

4. 嵌入地图:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d...." width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>

Google 地图和其他地图服务通常提供通过 <iframe> 将地图嵌套到网页的代码。

5. 与外部应用集成:

<iframe src="https://www.baidu.com/maps/embed?pb=!1m18!1m12!1m3!1d...." width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>

可以使用 <iframe> 将外部应用(如日历)嵌套到网页中,以便用户在网页上直接访问相关功能。

6. 安全性和沙盒:

<iframe> 具有沙盒属性,可以用于增强安全性。通过在 <iframe> 中添加 sandbox 属性,可以限制被嵌套页面的行为,防止恶意代码对父页面的影响。

<iframe src="https://www.example.com" sandbox="allow-same-origin allow-scripts"></iframe>

请注意,使用 <iframe> 时应当注意安全性问题,避免嵌入不受信任的内容,以防止潜在的安全风险。

posted @ 2023-12-25 16:41  Magiclala  阅读(154)  评论(0编辑  收藏  举报