什么是iFrame内联框架?
2020.03.26 -
iFrame是内联框架的缩写。这是网页设计中的强大元素。您可能已经看到无数YouTube影片嵌入到YouTube以外的其他网站。iFrame可以插入各种媒体。因此,您可能想知道它是如何完成的。网页设计师可能会在该页面中放置一个iFrame元素。
在本文中,将仔细研究iFrame及其用法,并讨论在将iFrame放入HTML文档之前值得考虑的其他事项。
什么是iFrame
iFrame是框架中的框架。它是HTML元素的组成部分,可让您将文档,视频和交互式媒体嵌入页面中。这样,您可以在主页上显示辅助网页。
iFrame元素允许您包含来自其他来源的内容。它可以将内容集成到页面中的任何位置,而不必像传统元素一样将其包含在Web布局的结构中。
不过,您不应过度使用iFrame。它可能会减慢页面速度并带来安全风险,尤其是当您使用可疑网站中的内容时。将iFrame视为内容的一部分,而不是网站的一部分。例如,如果您想添加YouTube视频来刺激读者,则可以在该帖子中插入一个iFrame元素。
如何使用iFrame
现在,您知道iFrame是共享其他网站内容的附加元素。您可以添加它以向读者提供有关某个主题的上下文。您可以在HTML文档中使用<iframe>标记插入iFrame元素。复制下面的代码并将其粘贴到记事本中,然后将文件另存为.html格式:
- <iframe src = “ https://www.youtube.com/embed/dXBohfjc4WA” width = “ 680” height = “ 480” allowfullscreen> </ iframe>

上面的代码将显示Hostinger的YouTube教程视频。让我们分别检查每个标签:
- 该
<iframe>
…</iframe>
标签用于包含内嵌框架内的视频。 - iFrame源
(src)
是来自外部或内部服务器的内容的来源。不要忘记将嵌入的代码放在URL中。 - 宽度和高度是iFrame的长宽比。如示例中所示,您可以插入诸如680×480像素(px)的固定大小。或者,您可以使用基于百分比(10%-100%)的方法来自动调整iFrame。
安全威胁
从本质上讲,iFrame元素不会对您的网页或读者造成任何安全风险。部分是为了帮助内容制作者向读者添加视觉上引人入胜的材料而开发的。不过,从不受信任的网站添加iFrame时,您需要注意。
在2008年,某些合法网站(例如ABC新闻)上的iFrame代码注入激增。这种攻击将访问者重定向到恶意网站,然后将恶意软件安装到访问者的PC上或试图窃取敏感信息。因此,不建议将iFrame作为网站的组成部分。
如果您认为网站不安全,那么甚至不必费心链接它,也不要将其内容放在iFrame元素中。
结论
总而言之,如果您想为访问者带来更多参与度,iFrame是一个强大的元素。将iFrame视为您制作的内容的一部分,而不是网站的组成部分。不过,您不应过度使用iFrame;如果您不使用iFrame就可以开发自己的网站,那就更好了。如果仍然需要将其用于开发目的,请记住仅使用可信赖站点中的内容。我们希望本文能帮助您实现和理解iFrame。