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还可以在同一个页面中多次显示同一内容,而不必重复这段内容的代码。