HTML <iframe> 标签

HTML <iframe> 标签设置一个内联框架

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

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

可以使用 CSS 为 <iframe>(包括滚动条)定义样式

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

范例

标记一个内联框架

<iframe src="https://www.twle.cn"></iframe>

运行范例 »

属性

属性 描述
align left
right
top
middle
bottom
HTML5 不支持,HTML 4.01 已废弃
设置如何根据周围的元素来对齐 <iframe>
frameborder 1
0
HTML5 不支持
设置是否显示 <iframe> 周围的边框
height pixels 设置 <iframe> 的高度
longdesc URL HTML5 不支持
设置一个页面,该页面包含了有关 <iframe> 的较长描述
marginheight pixels HTML5 不支持
设置 <iframe> 的顶部和底部的边距
marginwidth pixels HTML5 不支持
设置 <iframe> 的左侧和右侧的边距
name name 设置 <iframe> 的名称
sandbox ""
allow-forms
allow-same-origin
allow-scripts
allow-top-navigation
对 <iframe> 的内容定义一系列额外的限制
scrolling yes
no
auto
HTML5 不支持
设置是否在 <iframe> 中显示滚动条
seamless seamless 设置 <iframe> 看起来像是父文档中的一部分
src URL 设置在 <iframe> 中显示的文档的 URL
srcdoc HTML_code 设置页面中的 HTML 内容显示在 <iframe> 中
width pixels 设置 <iframe> 的宽度

HTML 4.01 与 HTML5之间的差异

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

HTML 与 XHTML 之间的差异

在 XHTML 中,name 属性已被废弃,并将被去掉,使用 id 属性代替

全局属性

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

事件属性

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

相关文章

HTML 基础教程: HTML 框架

HTML DOM 参考手册: IFrame 对象

HTML 全部标签

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.