yamol查看:1 回复:1 评论:1 创建时间:2019-01-21T17:42:18用户:
框架
通过使用框架，你可以在同一个浏览器窗口中显示不止一个页面。每份H喵L文档称为一个框架，并且每个框架都独立于其他的框架。
框架结构标签（<frameset>）
使用框架的坏处：
框架标签（Frame）
Frame 标签定义了放置在每个框架中的 H喵L 文档。
在下面的这个例子中，我们设置了一个两列的框架集。第一列被设置为占据浏览器窗口的 25%。第二列被设置为占据浏览器窗口的 75%。H喵L 文档 "example_frame_a.html" 被置于第一个列中， H喵L 文档 "example_frame_b.html" 被置于第二个列中，而H喵L 文档 "example_frame_c.html" 被置于第三个列中：
<frameset cols="25%,50%,25%">
<frame src="example_frame_a.html">
<frame src="example_frame_b.html">
<frame src="example_frame_c.html">
<noframes>
<body>您的浏览器无法处理框架！</body>
</noframes>
</frameset>
思考：
cols是以列为主体的框架，这里把整个网页分成了三个竖列，分别占网页的25%、50%和25%，那么你拖动网页改变其大小的时候，这三个“列”的比列是不会变的。
这里链接的三个example的html是新建的三个html文件（网页）哦。
混合框架结构
<frameset rows="50%,50%">
<frame src="/example/html/frame_a.html">
<frameset cols="25%,75%">
<frame src="/example/html/frame_b.html">
<frame src="/example/html/frame_c.html">
</frameset>
</frameset>思考：
之前的一个我们只用了“cols”，所以是只有“列”，那么这一次的混合就是把行和列都使用，行“rows”，我们先把行分成上下各50%，第一个行我们给了A，第二行我们又使用了一次<frameset>针对这个第二行又分成了两个列。
导航框架结构
这里的“导航”就是我们之前讲过的“锚链接”，点击一个连接跳转到这个链接指向的页面。
<frameset rows="210px,*">
<frame src="example_frame_a.html">
<frameset cols="180px,*">
<frame src="example_frame_b.html">
<frame src="example_frame_c.html" name="main">
</frameset>
</frameset>思考：
这里有两个需要注意的点
1、我在给“rows”和“cols”大小范围的时候，用了“210px，*”，前面的210px是指占用大小210像素，后面的*就是一个填充，无论你怎么拖拽，我这个一定要有210px，你就用剩下的。
2、“name”和“target”，我给C这个<frame>里加了一个name=“main”，然后B的里面是三个跳转链接（如下图），在每一个链接后面我都加上了target=“main”，这样的话，你点击这个链接，那么这个链接的页面就会显示在“name”为“main”的地方。有关name和target可以看看我之前的关于“链接”的那一期。
注意：
假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 <frame> 标签中加入：noresize="noresize"。
为不支持框架的浏览器添喵签。
不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。
