iframe标签:前

最新推荐文章于 2023-05-26 11:28:04 发布

雷碎

最新推荐文章于 2023-05-26 11:28:04 发布

阅读量298

点赞数

CC 4.0 BY-SA版权

分类专栏：新人路途文章标签： iframe标签:前

本文链接：https://blog.youkuaiyun.com/weixin_44540155/article/details/99058520

新人路途专栏收录该内容

33 篇文章

订阅专栏

本文深入探讨了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