框架集是一个网页框架嵌套多个网页
1、最外层的框架页面,doctype声明要用frameset声明,不用strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2、frameset页面,不能有body标签
具体用法
拆成2行为例:
<frameset rows="150px,*">
<frame src="源网页1" name="xxx"></frame> 推荐给frame加一个name,方便控制
<frame src="源网页2" name="xxx"></frame>
</frameset>
拆成2列为例:
<frameset cols="50%,*">
<frame src="源网页1" name="xxx"></frame> 推荐给frame加一个name,方便控制
<frame src="源网页2" name="xxx"></frame>
</frameset>
拆成品字形
先拆成2行,再拆成2列
<frameset rows="150px,*">
<frame src="a.html" name="top"></frame>
<frameset cols="30%,*">
<frame src="b.html" name="menu"></frame>
<frame src="c.html" name="cont"></frame>
</frameset>
</frameset>
</frameset>
典型问题:左侧的导航链接点击时,页面如何在右侧区域显示?
答:给右侧的frame加一个name属性
然后左侧的链接加一个target属性,且值为右侧frame的name
<body>
<h1>我是B网页<h1/>
<ul>
<li><a href="users.html" target="cont">用户列表</a></li>
<li><a href="#" target="cont">新闻列表</a></li>
<li><a href="#" target="cont">发布新闻</a></li>
<li><a href="logout.html" target="_top">退出登录</a></li>
</ul>
</body>
如何点击链接,页面如何跳出框架,直接在浏览器上显示(如退出登录效果)
答:target属性值设为“_top”,即链接效果直接跳到浏览器顶层
<li><a href="logout.html" target="_top">退出登录</a></li>