HTML <iframe> 标签

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

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

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

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


范例

标记一个内联框架

<iframe src="http://www.fly63.com"></iframe>


属性

属性描述
align
left
right
top
middle
bottom
HTML5 不支持,HTML 4.01 已废弃
设置如何根据周围的元素来对齐 <iframe>
frameborder
1
0
HTML5 不支持
设置是否显示 <iframe> 周围的边框
height
pixels设置 <iframe> 的高度
longdesc
URLHTML5 不支持
设置一个页面,该页面包含了有关 <iframe> 的较长描述
marginheight
pixelsHTML5 不支持
设置 <iframe> 的顶部和底部的边距
marginwidth
pixelsHTML5 不支持
设置 <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 属性代替


本文内容仅供个人学习/研究/参考使用,不构成任何决策建议或专业指导。分享/转载时请标明原文来源,同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦~感谢您的理解与支持!

链接: https://fly63.com/course/3_119

目录选择