HTML 标签

HTML <iframe> 标签

主题:HTML5 标签参考上一页|下一页

说明

<iframe>inline frame 的缩写)标签定义了一个包含外部对象(包括其他网页)的内联框架。

下表总结了此标签的使用上下文和版本历史。

Placement:
Content: Any block, inline, and text
开始/结束标签: 开始标签: required, 结束标签:required
版本: HTML 4, 5

语法

<iframe> 标签的基本语法如下:

HTML / XHTML: <iframe src="URL" scrolling="auto|no|yes"> ... </iframe>

下面的示例显示了 <iframe> 标签的作用。

<iframe src="hello.html" width="400" height="300" scrolling="auto">
    <p>[Your browser does not support frames or is currently configured not to display frames. However, you may visit <a href="optional.html">the related document.</a>]</p>
</iframe>

标签特定属性

下表显示了特定于 <iframe> 标签的属性。

属性 说明
align left
right
top
middle
bottom
Obsolete 指定 iframe 相对于周围元素的对齐方式。
frameborder 1
0
Obsolete 指示浏览器是否在 iframe 周围显示边框。
height length 指定 iframe 的高度。
longdesc URL Obsolete 指定指向 iframe 的详细描述的链接。
marginheight pixels Obsolete 指定 iframe 的顶部和底部边缘与其内容之间的空间量(以像素为单位)。
marginwidth pixels Obsolete 指定 iframe 的左右边缘与其内容之间的空间量(以像素为单位)。
name text 为要被目标链接引用的 iframe 分配一个名称。
sandbox allow-forms
allow-pointer-lock
allow-popups
allow-same-origin
allow-scripts
allow-top-navigation
对可出现在 iframe 中的内容启用额外限制。
scrolling yes
no
auto
Obsolete 指定滚动条是否出现在 iframe 中。
seamless seamless 此布尔属性指定 iframe 应作为包含文档的一部分出现。
src URL 指定要嵌入 iframe 中的文档的位置。
srcdoc HTML-code 指定要嵌入 iframe 的页面的 HTML 内容。 此属性将覆盖 src 属性中指定的内容(如果存在)。
width length 指定 iframe 的宽度。

全局属性

与所有其他 HTML 标签一样, <iframe> 标签支持 HTML5 中的全局属性


事件属性

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


浏览器兼容性

所有主要的现代浏览器都支持 <iframe> 标签。

Browsers Icon

基本支持—

  • Firefox 1+
  • Google Chrome 1+
  • Internet Explorer 3+
  • Apple Safari 1+
  • Opera 5+

进一步阅读

请参阅以下教程: HTML Iframes.

Advertisements