HTML <iframe> 标签有什么用?
HTML iframe 详细用法：
iframe是框架的一种形式， Iframe标记，又叫浮动帧标记，你可以用它将一个HTML文档嵌入在一个HTML中显示。它不同于Frame标记最大的特征即这个标记所引用的 HTML文件不是与另外的HTML文件相互独立显示，而是可以直接嵌入在一个HTML文件中，与这个HTML文件内容相互融合，成为一个整体，另外，还可以多次在一个页面内显示同一内容，而不必重复写内容。
Iframe标记的使用格式是:
<Iframe src="/it-htmltag/URL/index.html" width="x" height="x" scrolling="[OPTION]" frameborder="x"></iframe>
src：文件的路径，既可是HTML文件，也可以是文本、ASP等；
width、height："画中画"区域的宽与高；
scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为Auto：则自动出现滚动条；如为Yes，则显示; FrameBorder：区域边框的宽度，为了让“画中画“与邻近的内容相融合，常设置为0。
HTML iframe 详细用法实例
标记一个内联框架：
<iframe src="/it-htmltag/_a class=/index.html"inlink" href="/tag/http/index.html" target="_blank">http://www.169it.com"></iframe>
所有主流浏览器都支持 <iframe> 标签。
标签定义及使用说明
<iframe> 标签规定一个内联框架。
一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。
iframe自适应高度的方法代码实例
function SetWinHeight(obj)
{
var win=obj;
if (document.getElementById)
{
if (win && !window.opera)
{
if (win.contentDocument && win.contentDocument.body.offsetHeight)
win.height = win.contentDocument.body.offsetHeight;
else if(win.Document && win.Document.body.scrollHeight)
win.height = win.Document.body.scrollHeight;
}
}
}
<iframe width="778" align="center" height="200" id="win" name="win" onload="Javascript:SetWinHeight(this)" frameborder="0" scrolling="no" src="/it-htmltag/1.htm"></iframe>
提示：您可以把需要的文本放置在 <iframe> 和 </iframe> 之间，这样就可以应对不支持 <iframe> 的浏览器。
提示：使用 CSS 为 <iframe> （包括滚动条）定义样式。
HTML 4.01 与 HTML5之间的差异
HTML5 新增了一些新的属性，同时去掉了 HTML 4.01 中的一些属性。
HTML 与 XHTML 之间的差异
在 XHTML 中，name 属性已被废弃，并将被去掉。请使用 id 属性代替。
属性
New ：HTML5 中的新属性。
| 属性 | 值 | 描述 |
|---|
| 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> 的名称。 |
| sandboxNew | ""
allow-forms
allow-same-origin
allow-scripts
allow-top-navigation | 对 <iframe> 的内容定义一系列额外的限制。 |
| scrolling | yes
no
auto | HTML5 不支持。规定是否在 <iframe> 中显示滚动条。 |
| seamlessNew | seamless | 规定 <iframe> 看起来像是父文档中的一部分。 |
| src | URL | 规定在 <iframe> 中显示的文档的 URL。 |
| srcdocNew | HTML_code | 规定页面中的 HTML 内容显示在 <iframe> 中。 |
| width | pixels | 规定 <iframe> 的宽度。 |
<iframe> 标签支持 HTML 的全局属性。
<iframe> 标签支持 HTML 的事件属性。
html Frame、Iframe、Frameset 的区别
Frameset与Frame之间的区别
<Frameset></Frameset>用来划分框架，每一个框架由<Frame></Frame>标记。<Frame></Frame>必须在<Frameset></Frameset>之内使用。<Frame></Frame>标记的框架HTML 5 <!DOCTYPE> HTML文档规范声明标签
iis7站长之家为从左至右或从上到下。
两者的差别如下：
<Frameset>为框架标记，说明该网页文档为框架组成，并设定文档中组成框架集的框架的布局。
<Frame>用以设置组成框架集中各个框架的属性。
Frame与Iframe的区别
Frame与Iframe两者可以实现的功能基本相同，不过Iframe比Frame具有更多的灵活性。
Iframe标记又叫浮动帧标记，可以用它将一个HTML文档嵌入在一个HTML中显示。它和Frame标记的最大区别是在网页中嵌入的<Iframe></Iframe>所包含的内容与整个页面是一个整体，而<Frame></Frame>所包含的内容是一个独立的个体，是可以独立显示的。另外，应用Iframe还可以在同一个页面中多次显示同一内容，而不必重复这段内容的代码。
-
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术，将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外，均为转载,整理或搜集自网络.欢迎任何形式的转载，转载请注明出处.
转载请注明：文章转载自:[169IT-IT技术资讯]
本文标题:HTML <iframe> 标签
