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" 设置框架为透明,与页面背景不冲突