21xrx.com
2025-06-02 01:22:34 Monday
登录
  

HTML <iframe>标签

例子

一个行内框架,如下所示:

<iframe src="https://www.21xrx.com"></iframe>
Markup

定义和使用

<iframe>标签指定一个内联框架.

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

浏览器支持

元素
<iframe> 支持 支持 支持 支持 支持

提示和注意

提示:处理不支持<iframe>的浏览器,在<iframe>和</ifarme>标签之间添加一段文本.

提示:用CSS来设计<iframe>标签(甚至包括滚动条.)

HTML 4.01和HTML5之间的差异

HTML5添加了些新属性,并且HTML 4.01里的一些属性在HTML5里被移除了

HTML和XHTML之间的差异

在XHTML里,name属性是不赞成使用的,并且将被移除.用全局id代替.

属性

=HTML5里的新属性

属性属性值描述
height pixels 指定<iframe>的高度
name text 指定<iframe>的名字.
sandbox allow-forms
allow-pointer-lock
allow-popups
allow-same-origin
allow-scripts
allow-top-navigation
启用<iframe>中的一个限制扩展
src URL 指定要嵌入到<iframe>中的文档的地址.
srcdoc HTML_code 指定要在<iframe>中显示的页面的HTML内容.
width pixels 指定<iframe>的宽度

全局属性

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

事件属性

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

默认CSS设置

大多数浏览器将以下面的CSS样式来显示<iframe>元素:

iframe:focus { 
    outline: none;
}

iframe[seamless] { 
    display: block;
}
  
  

评论区

21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2