index.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Home</title>
<style>
#iframeTop{
width: 100%;
height: 70px;
}
#iframeLeft{
width: 15%;
height: 700px;
float: left;
}
#iframeContent{
width: 84%;
height: 700px;
}
</style>
<body>
<div>
<iframe id="iframeTop" name="iframeTop" frameborder="0" src="view/top.html"></iframe>
<iframe id="iframeLeft" name="iframeLeft" frameborder="0" src="left.html"></iframe>
<iframe id="iframeContent" name="iframeContent" frameborder="0" src="view/content.html"></iframe>
</div>
</body>
</html>
left.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<a target="iframeContent" href="http://www.baidu.com">百度</a>
</body>
</html>