FrameSet框架标签
frameset:一个frameset可以把一个页面切割成多份(只能按照行或列切割)。
frame:不可切割,frame位于frameset中。
代码示例:
<!-- head.html -->
<!-- 头部(标题,logo)-->
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
<title>今晚文档</title>
</head>
<body>
<div align="center"><font color="#FF0000" size="30px">公司的logo</font></div>
</body>
<!-- left.html -->
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
<title>今晚文档</title>
</head>
<body>
<dl>
<dt>功能介绍</dt>
<dd><a href="/Users/jc/Documents/html_prac/Demo2.html" target="right_show">公司简介</a></dd>
<dd><a href="#">产品介绍</a></dd>
<dd><a href="#">公司荣耀</a></dd>
<dd><a href="#">加入我们</a></dd>
<dd><a href="#">联系我们</a></dd>
</dl>
</body>
点击公司简介,会将Demo2.html的网页显示在target处。
<!-- right.html -->
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
<title>今晚文档</title>
</head>
<body>
公司创建于2006年,专注java
</body>
<!-- foot.html -->
<!-- 底部 -->
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
<title>今晚文档</title>
</head>
<body>
<div align="center">
合作伙伴::::::::::<br/>
友情链接:::::::<br/>
</div>
</body>
<!-- zong.html -->
<!-- 最终整合前几个文件的代码 -->
<head>
<meta http-equiv="Content-Type" content="text/html"; charset="utf-8" />
<title>今晚文档</title>
</head>
<frameset rows="20%,70%,*">
<frame src="head.html" />
<frameset cols="20%,*">
<frame src="left.html" />
<frame name="right_show" src="right.html" />
</frameset>
<frame src="foot.html">
</frameset>
此处的right_show即为点击“公司简介”显示网页的地方—right.html,在布局的右边。下面是运行结果: