内联框架 Iframe 有哪些用法

Iframe是内联框架的简称,是一种允许外部网页嵌入到HTML文档中的HTML元素。与传统的用于创建网页结构的框架不同,iframe可以插入网页布局中的任何位置。iFrame元素允许包含来自其他源的内容,它可以在页面的任何地方集成内容,而不必像传统元素那样将内容包含在web布局的结构中。

但是过度使用iFrame会降低页面速度,并带来安全风险,把iFrame看作是内容的一部分,而不是站点的一部分。例如,如果您想添加一个爱奇艺视频来吸引读者,那么可以向该文章插入一个iFrame元素。

内联框架 Iframe 有哪些用法 网站建设教程 第1张

 

iFrame的使用方法

可以在HTML文档中使用< iFrame >标记插入iFrame元素,复制以下代码并粘贴到记事本,并将文件保存为.html格式:

<iframe src="视频地址" width="680" height="480" allowfullscreen=""></iframe>

宽度和高度是iFrame的长宽比,您可以像示例中那样插入固定大小,如680×480像素(px)。或者,您可以使用基于百分比(10%-100%)的方法自动调整iFrame。

 

iFrame的用途

iframe有几种不同的用途,比如在线广告和多媒体。许多广告平台使用iframe在网页上显示广告,因为它们比内联脚本提供了更大的灵活性。由于iframe可能包含整个网页,因此广告客户可以在iframe中包含额外的跟踪代码,以帮助确保广告客户和出版商的准确报告。

iframe还用于在网页中显示不同类型的媒体,例如,爱奇艺视频和百度地图窗口经常使用iframe嵌入到网页中。许多web应用程序使用iframe,因为它们可以显示动态内容而无需重新加载网页。

 

iFrame的安全威胁

本质上,iFrame元素不会对web页面或读者造成任何安全风险,在一定程度上,它的开发是为了帮助内容制作者向读者添加具有视觉吸引力的材料。不过,在从不可信的站点添加iFrame时需要注意。