frameset框架和iframe内联框架

frameset替换body

也就是不能同时出现

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<frameset rows="100px,*,100px"><!--这里以行划分,分为3行,并设置每行的高度-->
		<frame  />
		<frame  />
		<frame  />
	</frameset>
</html>

:frameset 要么以行(rows)来划分且单位是px ; 要么以列(cols)划分且单位是%,不能同时出现,系统默认自带分隔线,*表示所见页面剩余部分

frameset的嵌套

引用地址是用src作为属性

并且在一行或一列内在包含一个框架,则用<frameset></frameset>替换<frame /> 。

例:

index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>	
	<frameset rows="100px,*,100px">
		<frame src="head.html"/>
			<frameset cols="20%,*">
				<frame src="body1.html"/>
				<frame src="body2_oneself.html" name="right"/>
			</frameset>		
		<frame src="foot.html"/>
	</frameset>
</html>

 

 注:这里的index.html中的name="right",为第二行的第二个框架中,必须设置target="right"属性显示在同页面中(也就是:父框架控制内部框架时,使用target="框架的名字"来控制)。

iframe内联框架

内联框架作用于在网页中显示另一个网页,也就是在网页中嵌套了一个网页,他可以放在body中,属于页面中的一部分,更多适用于公共的页面,就是大家都有的页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body bgcolor="blue">
		<!--frameborder :iframe的边框-->
		<iframe   
			src="http://baidu.com" 			
			>
		</iframe>
		<br>
	</body>
</html>

常用属性: 

scrolling="no"                   设置滚动条

frameborder=1                 设置边框

width="600px"                  设置框架宽度

height="200px"                 设置框架高度            

align="center"                   设置框架位置

allowtransparency="true"    style="background-color=transparent"                  设置框架为透明,与页面背景不冲突

发布了59 篇原创文章 · 获赞 3 · 访问量 4773

猜你喜欢

转载自blog.csdn.net/CDZAllier/article/details/100346812
今日推荐