如何何时使用iFrame(when to use iframes)

内联帧，通常称为iFrame，是HTML5中唯一允许的帧类型。这些框架实质上是您“剪切”的页面的一部分。在您剪切页面的空间中，您可以输入外部网页。...

内联帧，通常称为iFrame，是HTML5中唯一允许的帧类型。这些框架实质上是您“剪切”的页面的一部分。在您剪切页面的空间中，您可以输入外部网页。

本质上，iframe是网页中设置的另一个浏览器窗口。您可以看到一些网站上常用的代码iFrame，这些网站需要包含外部内容，如谷歌地图或YouTube视频。这两个流行的网站都在嵌入代码中使用iframe。

如何使用iframe元素

该元素使用HTML5全局元素以及其他几个元素。HTML 4.01中还有四个属性：

框架源的URL，
窗户的高度，
窗口的宽度，以及
窗口的名称。

HTML5中有三个新功能：

Srcdoc：框架源的HTML。此属性优先于src属性中的任何URL。
沙盒：框架窗口中应允许或不允许的功能列表。
无缝：告诉用户代理iframe应该呈现为父文档的不可见部分。

要构建简单的iframe，请设置源URL以及以像素为单位的宽度和高度：

对于响应性网站，其大小应随屏幕大小的不同而变化，请使用百分比而不是规定的像素大小。

iframe浏览器支持

所有现代桌面和移动浏览器都支持iframe元素。然而，一些浏览器还没有对该元素的三个新HTML5属性做出一致的响应。

国际框架与安全

iframe元素本身不会对您或您的站点访问者构成安全风险。iframe名声不好，因为恶意网站可以利用iframe，通过添加指向不可见iframe的链接，将可能感染访问者计算机的内容包含在网页上，而这些脚本会引发恶意代码。

一些计算机病毒将一个不可见的iframe注入你的网页，有效地将你的网站变成僵尸网络。

您的网站访问者的安全性取决于您链接到的所有网站的内容。如果你有理由认为某个网站不可信，不要以任何方式链接到它。

发表于 2021-09-08 11:08
阅读 ( 129 )
分类：数学

你可能感兴趣的文章

如何从xhamster中删除bedep恶意软件

根据Malwarebytes博客上的一份报告，2015年初，****xHamster的访问者看到恶意软件大幅增加。在2015年1月25日和26日，xHamster的恶意软件感染增加了1500%。 ...

发布于 2021-03-14 20:57
阅读 ( 406 )

什么是谷歌放大器？它的工作原理以及为什么对移动网站有用

... 放大器是如何工作的？ ...

发布于 2021-03-22 13:41
阅读 ( 295 )

什么是“混合内容”，为什么chrome会阻止它？

...全”的信息“将激励网站将其图像迁移到HTTPS。” chrome将如何让您解除对混合内容的阻止 Chrome已经用地址栏中的一个屏蔽图标和一条“阻止不安全内容”的消息来阻止某些类型的混合内容。您可以在这个由Google创建的混合内容...

发布于 2021-04-03 02:42
阅读 ( 210 )

谷歌chrome将开始使用10%以上的内存，多亏了幽灵

...re（这一点还不是很清楚）。相关：熔毁和幽灵的缺陷将如何影响我的电脑？这也意味着页面上的所有iframe（通常用于ads）都被放入一个独立于父帧的进程中，这进一步增加了内存使用，但同时也提高了安全性。一年前，他们...

发布于 2021-04-05 05:22
阅读 ( 187 )

这只是在：adblock plus仍然使用大量内存

毫无疑问，浏览器扩展会对内存使用产生负面影响。Mozilla进行了一些研究，再次重申了像Adblock Plus这样的RAM扩展到底能吃多少。一位Mozilla开发人员查看了AdBlock Plus“对Firefox的影响”RAM的使用情况，发现对于每个扩展块的广告，...

发布于 2021-05-21 09:00
阅读 ( 152 )

框架(frame)和iframe公司(iframe)的区别

帧与IFRAME 在与互联网交互时，有些网页利用框架布局的使用。网页可以使用框架将网页分为几个块，这些帧用于在独立的窗口或子窗口中同时显示多个可滚动文件，如文档和/或图形图像等。每个帧都分配自己的网页。通常图形...

发布于 2021-06-23 10:08
阅读 ( 195 )

框架(frame)和iframe公司(iframe)的区别

...标记中的每个帧。Iframe组件&lt；iframe&gt；也是HTML中使用的标记，但它指定了一个内联框架，这意味着它用于在当前HTML文档中嵌入其他文档。 frame和iframe都是HTML标记的一部分。为了进一步澄清这一点，让我们从HTML的定义...

发布于 2021-07-13 08:43
阅读 ( 229 )

如何在网页上放置svg图形(put svg graphics on your webpage)

SVG（Scalable Vector Graphics，可缩放矢量图形）使您的站点能够绘制和呈现复杂的图像，但使用它们不仅仅是简单地在HTML中添加标签。要使它们显示并且页面有效，必须使用以下三种方法之一。使用对象标记嵌入svg 此HTML标记...

发布于 2021-09-04 21:32
阅读 ( 130 )

以html iFrame和Frame中的链接为目标

...将在一个全新的窗口中打开链接，类似于弹出窗口。如何命名你的框架当您使用iFrame构建web页面时，最好为每个页面指定一个特定的名称。这有助于您记住它们的用途，并允许您发送指向这些特定帧的链接。例如： name="st...

发布于 2021-09-04 22:21
阅读 ( 158 )

iframe元素的新html5属性

...e seamless> 但是使iframe无缝不仅仅是外观，还包括页面如何与框架交互。一些提示：除非iframe页面设置了目标“\u SELF”，否则iframe中的链接将在父窗口中打开。 iframe中的CSS将添加到整个文档的级联中。 iframe页面的根元素...

发布于 2021-09-04 22:24
阅读 ( 120 )