⬅️ 返回地图
第 15 话

Iframe:画中画

在你的网页里,再塞一个网页。

1. 什么是 Iframe?

Iframe (Inline Frame) 就像是在你的墙上开了一个窗户,透过这个窗户可以看到别人的家(别的网站)。

它常用来嵌入:地图、视频(B站/YouTube)、广告。

<iframe src="https://www.bilibili.com/..." width="100%" height="300"></iframe>
2. 安全危机

⚠️ 慎用!

Iframe 虽然好用,但也是黑客攻击的重灾区(点击劫持)。

而且,很多大网站(如 Google、百度)为了安全,是禁止被嵌入到 Iframe 里的。

如果你尝试嵌入 src="https://www.google.com",你会发现是一片空白。

3. 去掉边框

默认的 Iframe 有个丑陋的边框。作为一个极客,我们通常会用 CSS 把它干掉。

style="border: none;"