当前位置:首页 > HTML5教程 > HTML5技巧

HTML<iframe>标签

html <iframe> 标签

  • <i>

定义和用法

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

浏览器支持

元素 chrome ie firefox safari opera
<iframe> yes yes yes yes yes

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

html 与 xhtml 之间的差异

在 html 4.1 strict dtd 和 xhtml 1.0 strict dtd 中,不支持 iframe 元素。

提示和注释:

提示:您可以把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可以应对无法理解 iframe 的浏览器。

属性

new : 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 的名称。
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin-when-cross-origin
  • unsafe-url
规定 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 中的事件属性。

tiy 实例

内联框架 本例演示如何创建内联框架(html 页中的框架)。

相关页面

html dom 参考手册:iframe 对象

  • <i>

【说明】本文章由站长整理发布,文章内容不代表本站观点,如文中有侵权行为,请与本站客服联系(QQ:254677821)!