iframe标签:前

本文深入探讨了HTML中iframe标签的用法,通过两个实例展示了如何插入外部网页和本地文件,帮助读者理解iframe在网页嵌入中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

文献种类:专题技术文献;
开发工具与关键技术: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
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值