HTML

标签

iframe

定义:

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

兼容:

在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素。

注: 将需要提示的文本放到 <iframe></iframe> 之间,从而应为不支持iframe的刘浏览器.

属性:

  • src: URL iframe要加载的url/文件位置

  • frameborder: 0 , 1 是否有边框

  • longdesc: URL 规定一个页面,该页面包含了有关 iframe 的较长描述。

  • marginheight: px 定义iframe顶部和底部的边距

  • marginwidth: px 定义iframe左侧和右侧的边距

  • scrolling: yes, no, auto 规定在iframe中显示滚动条

  • name: 定义iframe的名称,供a:target使用

  • allowtransparency: 允许子页面背景透明

h5属性:

sandbox: "", allow-forms, allow-same-origin, allow-scripts, allow-top-navigation 启用一系列对 <iframe> 中内容的额外限制。(所有浏览器都支持)

seamless: seamless 规定 <iframe> 看上去像是包含文档的一部分。 (Opera、Chrome 以及 Safari 支持 seamless 属性)

srcdoc: Html_code 规定在 <iframe> 中显示的页面的 HTML 内容。 (所有主流浏览器都支持 srcdoc 属性,除了 Internet Explorer。)

常用使用:

去除所有样式 :

<iframe src=”you page’s url” width=”100″ height=”30″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowtransparency=”yes”>
</iframe>

指定子页面链接打开位置 – iframe中的链接默认在iframe内打开,如果需要让链接在当前窗口或者新标签页打开,则需要给子页面中的a标签添加target属性: _blank(新标签页), _self(当前iframe打开,默认不必要), _parent(iframe的父标签打开,如果只嵌套一层就是当前窗口) , _top(当前窗口).

target="framename" 在name为"framename"的 iframe标签中打开该页面

最后更新于