更新时间:2014年4月20日

iframe元素(直列元素)

<iframe>~</iframe>

使用iframe元素可以把其他网页的内容嵌到当前网页中。该元素的开始标签与结束标签之间只能放文本文档。需要注意的是,如果src内容属性指定的内容读入失败,将没有可替代内容。

属性

1、src内容属性
指定文档显示窗(nested browing context)中要显示网页的URL。
2、srcdoc内容属性新属性
文档显示窗中所要嵌入的内容。
3、name内容属性
文档显示窗的名称。
4、sandbox内容属性新属性
对显示窗中的显示内容添加限制。
【sandbox属性的可选值:】

当sandbox属性指定了以下4个值的任何一个或多个时,表示解除了部分限制,指定的值之间用半角空格分隔。

  • allow-same-origin:经确认与母文档属于同一信息源的,可以使用被许可机能。
  • allow-top-navigation:作为链接对象,能够操作顶端的浏览文档。
  • allow-forms:允许提交表单
  • allow-scripts:允许使用脚本语言
5、seamless内容属性新属性
宛如上级网页的内容,使显示窗内的内容实际无缝显示。
6、width内容属性
指定显示窗的横宽。
6、height内容属性
指定显示窗的纵高。

使用例

<iframe src="http://travelmen.net/" name="旅人" width="600" height="150"></iframe>

<iframe srcdoc="<p>该内容可以在<em>显示窗</em>内表示。

可以通过<a href=&quot;http://www.html5.com/&quot;>

链接</a>的方法嵌入内容,不过,这里要注意双引号的表示方式。</p>"></iframe>

浏览器上的显示结果↓


X

浏览器支持情况

元素
iframe yes yes yes yes yes