iframe的使用

Demon_and_anger

于 2025-04-18 12:29:00 发布

阅读量718

点赞数 23

文章标签：前端 html

本文链接：https://blog.csdn.net/Demon_and_anger/article/details/147323309

版权

1.iframe的使用详解

iframe（inline frame）是一种在 HTML 页面中嵌入另一个 HTML 页面的方法。通过 iframe，你可以在当前网页中显示另一个完全独立的网页，它们是彼此分离的。换句话说，iframe 允许你在当前页面中创建一个子窗口，而该窗口可以加载另一个网站或内容。

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

在这个例子中，使用iframe 页面会嵌套并显示https://www.example.com这个网页。

2.iframe的用途

加载广告：广告常常通过 iframe 嵌入，以确保广告内容与主页面隔离。

嵌入视频：如 YouTube、Vimeo 等视频平台提供的嵌入代码。

<iframe 
    width="560" 
    height="315" 
    src="https://www.youtube.com/embed/dQw4w9WgXcQ" 
    frameborder="0" 
    allow="accelerometer; 
    autoplay; 
    clipboard-write; 
    encrypted-media; 
    gyroscope; 
    picture-in-picture" 
    allowfullscreen>
</iframe>