文献种类:专题技术文献;
开发工具与关键技术:VS/HTML
撰写时间:2019年8月8日
<iframe> 标签:前
9、<iframe>标签:iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。
HTML 与 XHTML 之间的差异:
在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素。
提示:可把需要的文本放置在 <iframe> 和 </iframe> 之间,这样就可应对无法理解 iframe 的浏览器。
一些老的浏览器不支持 iframe;如果得不到支持,iframe 是不可见的。
属性 值 描述
1.1、align left 、right 、top 、middle 、bottom 不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。
语法:<iframe align="value "></iframe>
定义和用法:
align 属性规定 iframe 相对于周围元素的水平和垂直对齐方式。
iframe 元素是行内元素(不会在页面上插入新行),这意味着文本和其他元素可围绕在其周围。
所以,align 属性可以帮助我们规定 iframe 相对于周围元素的对齐方式。
兼容性提示:
在 HTML 4.01 中,不赞成使用 iframe 元素的 align 属性,
在 XHTML 1.0 Strict DTD 中,不支持该属性。
请使用 CSS 代替:
CSS 实例:向右浮动 iframe: CSS 语法:<iframe style="float:right"></iframe>
例:<p> This is s…… text.
<iframe src="/come/Index_1" width="200" height="200" style="float:right"></iframe>
This ish …… is some text.
</p>
属性值:
值 描述
left 向左对齐 iframe。
right 向右对齐 iframe。
middle 居中对齐 iframe。
top 在顶部对齐 iframe。
bottom 在底部对齐 iframe。
1.2、frameborder 1 、0 规定是否显示框架周围的边框。
语法:<iframe frameborder="value "></iframe>
定义和用法:frameborder 属性规定是否显示 iframe 周围的边框。
提示:出于实用性方面的原因,最好不用设置该属性,请使用 CSS 来应用边框样式和颜色。
例1:<iframe src="/come/Index_2" width="400" height="300" style="border:medium double rgb(250,0,255)">
</iframe>
例2:<iframe src="/come/Index_2" width="400" height="300" frameborder="0"></iframe>
属性值:
值 描述
1 有边框(默认)。
0 关闭边框。
例1:
例2:
1.3、height pixels 、% 规定 iframe 的高度。
语法:<iframe height="value "></iframe>
属性值:
值 描述
pixels 以像素计的高度值(比如 "100px,100")。
percent 以包含元素百分比计的高度值(比如 "20%")。
1.4、longfesc URL 规定一个页面,该页面包含了有关 iframe 的较长描述。
语法:<iframe longfesc="value "></iframe>
定义和用法:
longdesc 属性规定指向某个页面的 URL,该页面包含了有关 iframe 的较长描述。
由于浏览器对 longdesc 属性的支持性非常差,没有必要使用该属性。
提示:如需为某个 iframe 提供长描述(如果有必要的话),
只要简单地创建一个指向描述页面的链接即可(该链接对任何人都是可见的)。
浏览器支持:主流浏览器几乎都不支持 longdesc 属性。
1.5、marginheight pixels 定义 iframe 的顶部和底部的边距。
语法:<iframe marginheight="value "></iframe>
例:带有 50 像素顶部和底部空白边距的 iframe:
<iframe src="/come/Index_2" marginheight="50"width="400" height="300"></iframe>
该效果是显示在嵌套的页面内的,并非显示于标签外;
即显示于内联框架中;
属性值:
值 描述
pixels 规定 iframe 的顶部和底部的空白边距,以像素计。(比如 "100px,100")。
1.6、marginwidth pixels 定义 iframe 的左侧和右侧的边距。
语法:<iframe marginwidth="value "></iframe>
例:带有 50 像素顶部和底部空白边距的 iframe:
<iframe src="/come/Index_2" marginwidth="50" width="400" height="300"></iframe>
该效果是显示在嵌套的页面内的,并非显示于标签外;
即显示于内联框架中;
属性值:
值 描述
pixels 规定 iframe 的顶部和底部的空白边距,以像素计。(比如 "100px,100")。
借鉴于W3C