1.frameset和frame(拆分式框架,HTML5取消了该框架)
frameset:不能写在<body></body>中,所以不写<body></body>
例:将页面分为三部分,上、左、右
<html lang="en">
<head>
</head>
<frameset rows="200,*">
<frame src="top.html" name="topFrame"></frame>
<frameset cols="200,*">
<frame src="left.html" name="leftFrame"></frame>
<frame src="main.html" name="mainFrame"></frame>
</frameset>
</frameset>
</html>
top.html (上)
<!doctype html>
<html lang="en">
<head>
</head>
<body>
欢迎使用XXX系统。。
</body>
</html>
left.html (左)
<!doctype html>
<html lang="en">
<head>
</head>
<body>
<a href="user.html" target="mainFrame">用户设置</a><br>
<a href="dept.html" target="mainFrame">部门管理</a><br>
<a href="emp.html" target="mainFrame">员工管理</a><br>
</body>
</html>
main.html (右)
<!doctype html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
欢迎
</body>
</html>
user.html (超链接)
<!doctype html>
<html lang="en">
<head>
</head>
<body>
用户管理界面
</body>
</html>
dept.html(超链接)
<!doctype html>
<html lang="en">
<head>
</head>
<body>
部门管理的界面
</body>
</html>
emp.html(超链接)
<!doctype html>
<html lang="en">
<head>
</head>
<body>
员工管理界面
</body>
</html>
缺点:仅能用于铺满整个页面,相当于取代了body部分
2.iframe(浮动框架)
Ò利用iframe标记可以在网页中局部位置嵌入其他网页
<!doctype html>
<html lang="en">
<head>
</head>
<body>
Hello World<br>
<table>
<tr>
<td colspan="2"><iframe width="100%" src="top.html" name="topFrame"></iframe></td>
</tr>
<tr>
<td><iframe src="left.html" width="30%" name="leftFrame"></iframe></td>
<td><iframe src="main.html" width="70%" name="mainFrame"></iframe></td>
</tr>
</table>
</body>
</html>