HTML5不支持frameset标签,但是可以用iframeset+div进行代替
1.ex4-17.html:
<html>
<head>
<title>网上书店</title>
<style>
body
{
margin: 0;
padding: 0;
border: 5;
overflow: hidden;
height: 100%;
max-height: 100%;
}
#frameTop
{
position: absolute;
top: 0;
left: 0;
height: 100px;
width: 100%;
overflow: hidden;
vertical-align: middle;
}
#frameContentLeft
{
position: fixed;
top: 100px;
left: 0;
height: 100%;
width: 150px;
overflow: hidden;
vertical-align: top;
background-color: #D2E6FA;
}
#frameContentRight
{
position: absolute;
left: 150px;
top: 100px;
height: 100%;
width: 100%;
right: 0;
bottom: 0;
overflow: hidden;
background: #fff;
}
</style>
</head>
<body>
<div>
<iframe id="frameTop" src="top.html"></iframe>
</div>
<div>
<iframe id="frameContentLeft" src="left.html"></iframe>
<iframe id="frameContentRight" src="right.html"></iframe>
</div>
</body>
</html>
2.左边子窗口left.html的代码清单:
<html>
<head><title>网上书店</title></head>
<body><center>
<a href="ex4-03.html" target="main">页面修饰标记的应用</a><p>
<a href="ex4-08.html" target="main">无序列表标记的应用</a><p>
</body></html>
其中,target是点击超链接后显示内容所在的位置子框架
3.top.html的代码清单:
<html>
<head><title>网上书店</title></head>
<body><center>
<font face="华文云彩" size=7 color=blue><i>网上书店</i></center>
</body></html>
4.right.html的代码清单:
<html>
<head><title>网上书店</title></head>
<body backgroud="back1.gif">
</body></html>