HTML <iframe> 标签

定义及使用说明

<iframe> 标签规定一个内联框架。

一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 <iframe> 标签。

提示和注释

提示:可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对不支持 <iframe> 的浏览器。

提示:使用 CSS 为 <iframe> (包括滚动条)定义样式。

HTML 4.01 与 HTML5之间的差异

HTML5 新增了一些新的属性,同时去掉了 HTML 4.01 中的一些属性。

实例

标记一个内联框架:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>HTML iframe 标签 xinbiancheng.cn</title>
</head>
<body>
<iframe src="http://www.xinbiancheng.cn">
  <p>您的浏览器不支持  iframe 标签。</p>
</iframe>
</body>
</html>

输出:

 

<iframe> HTML5 中的新属性

属性 描述
align left
right
top
middle
bottom
规定如何根据周围的元素来对齐此框架。
不推荐使用。请使用样式代替。
frameborder 1
0
规定是否显示框架周围的边框。
height pixels
%
规定 iframe 的高度。
longdesc URL 规定一个页面,该页面包含了有关 iframe 的较长描述。
marginheight pixels 定义 iframe 的顶部和底部的边距。
marginwidth pixels 定义 iframe 的左侧和右侧的边距。
name frame_name 规定 iframe 的名称。
sandbox ""
allow-forms
allow-same-origin
allow-scripts
allow-top-navigation
启用一系列对 <iframe> 中内容的额外限制。
scrolling yes
no
auto
规定是否在 iframe 中显示滚动条。
seamless seamless 规定 <iframe> 看上去像是包含文档的一部分。
src URL 规定在 iframe 中显示的文档的 URL。
srcdoc HTML_code 规定在 <iframe> 中显示的页面的 HTML 内容。
width pixels
%
定义 iframe 的宽度。

全局属性

<iframe> 标签支持 HTML 中的全局属性

事件属性

<iframe> 标签支持 HTML 中的事件属性

相关文章

HTML 教程:HTML 框架

HTML DOM 参考手册:IFrame 对象