HTML框架集与框架知识
<framset>标签告知浏览器这个网页是个框架集页面，只是将浏览器窗口如何被分割成多个区域。它包含分割而成的多个区域及框架<frame />，而每个框架负责显示一个页面
一个简单的框架，将浏览器垂直分割成两个页面的例子
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<!-- cols垂直分割，单位可以用px像素，百分比，或使用*表示剩余部分 rows水平分割 -->
<frameset rows="50%,50%" cols="50%,*">
<!-- 左上框架 src框架中页面的地址 name：框架的名称，与超链接或表单的target属性关联 。scrolling属性是，auto自动，根据页面内容大小自动设定，yes始终显示滚动条，no始终不显示滚动条。noresize:不能改变框架大小-->
<frame src="index.html" name="leftTopFrame" scrolling="yes" />
<!-- 右上框架 -->
<frame src="blogs.html" name="rightTopFrame" scrolling="no"/>
<!-- 左下框架 -->
<frame src="favorites.html" name="leftLowerFrame" scrolling="auto"/>
<!-- 右下框架 -->
<frame src="photos.html" name="leftLowerFrame" noresize />
<!-- 浏览器不支持框架集时 -->
<noframes>
<body>
<p>浏览器不支持框架集时，将看到这样的页面</p>
</body>
</noframes>
</frameset>
</html>
框架集可以嵌套使用
浮动框架iframe
<iframe src="浮动框架中的页面地址" name="浮动框架的名称，与超链接或表单的target属性关联" scrolling="auto|yes|no" width="40px" height="50%" />
浮动框架应用于body标签中
超链接和表单的目标框架或窗口
<frame name="mainFrame" />超链接后将超链接的页面地址在该框架中显示
<a href="board_1.html" target="mainFrame">版块一</a>
<a href="board_2.html" target="mainFrame">版块二</a>
target属性中的参数解析
_self :当前框架中打开
_blank:浏览器自动新建的窗口中打开
_top:当前整个页面中打开
_parent:当前框架所属的上级框架集所占据的区域内打开
自定义窗口名：自定义的窗口中打开，如果该窗口不存在，则心中此窗口，再打开
<base/>标签设定基准目标
base标签可以在页面中出现多次，需要注意其作用域
<head>
<!--自动在该页面超链接标签和表单标签中添加该属性和属性值-->
<base target="mainFram" />
</head>
<!--自动添加上target标签和内容-->
<a href="board_1.html" >版块一</a>
<a href="board_2.html" target="mainFrame">版块二</a>
一个简单的框架，将浏览器垂直分割成两个页面的例子
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<!-- cols垂直分割，单位可以用px像素，百分比，或使用*表示剩余部分 rows水平分割 -->
<frameset rows="50%,50%" cols="50%,*">
<!-- 左上框架 src框架中页面的地址 name：框架的名称，与超链接或表单的target属性关联 。scrolling属性是，auto自动，根据页面内容大小自动设定，yes始终显示滚动条，no始终不显示滚动条。noresize:不能改变框架大小-->
<frame src="index.html" name="leftTopFrame" scrolling="yes" />
<!-- 右上框架 -->
<frame src="blogs.html" name="rightTopFrame" scrolling="no"/>
<!-- 左下框架 -->
<frame src="favorites.html" name="leftLowerFrame" scrolling="auto"/>
<!-- 右下框架 -->
<frame src="photos.html" name="leftLowerFrame" noresize />
<!-- 浏览器不支持框架集时 -->
<noframes>
<body>
<p>浏览器不支持框架集时，将看到这样的页面</p>
</body>
</noframes>
</frameset>
</html>
框架集可以嵌套使用
浮动框架iframe
<iframe src="浮动框架中的页面地址" name="浮动框架的名称，与超链接或表单的target属性关联" scrolling="auto|yes|no" width="40px" height="50%" />
浮动框架应用于body标签中
超链接和表单的目标框架或窗口
<frame name="mainFrame" />超链接后将超链接的页面地址在该框架中显示
<a href="board_1.html" target="mainFrame">版块一</a>
<a href="board_2.html" target="mainFrame">版块二</a>
target属性中的参数解析
_self :当前框架中打开
_blank:浏览器自动新建的窗口中打开
_top:当前整个页面中打开
_parent:当前框架所属的上级框架集所占据的区域内打开
自定义窗口名：自定义的窗口中打开，如果该窗口不存在，则心中此窗口，再打开
<base/>标签设定基准目标
base标签可以在页面中出现多次，需要注意其作用域
<head>
<!--自动在该页面超链接标签和表单标签中添加该属性和属性值-->
<base target="mainFram" />
</head>
<!--自动添加上target标签和内容-->
<a href="board_1.html" >版块一</a>
<a href="board_2.html" target="mainFrame">版块二</a>