『HTML』Frame框架运用的技术

运行frame框架前应知道：

　　1、frameset（框架的生成的标记）是和html的<body>标签同等级的，所以不能将<frameset></frameset>写在<body></body>标签内部，否则会出错或无法显示；
　　2、框架必须正确嵌套，正确形式为:

1 <frameset cols="" rows="" >
2     <frame src="" />           <!--LeftFrame页面-->
3     <frame src="" name="" />           <!--RightFrame页面-->
4 </frameset>

　　3、在框架中至少有3个页面；（很容易混淆，下例以垂直框架为例，这个主体页面分为左右2个框架）
　　　　一个MainFrame页面：用于显示整个框架的主体页面，在这个页面内部划分各个小的frame框架，如上面的代码就是在这个MainFrame页面中编写的。此页面中重要之处是要在RightFrame的frame中添加name属性，这是为了是LeftFrame通过点击其页面内的链接，被链接的页面在RightFrame页面中显示出来。
　　　　另一个LeftFrame页面：左边的页面放置类似导航的页面，在这个页面尤其是要注意添加target属性，target的属性值为在MainFrame页面中提供显示被导航页面的中的name的属性值，即RightFrame页面中添加的name属性的属性值。
　　　　另一个RigthFrame页面：提供被导航的页面，可以是自己的制作的WEB页面，也可以是Internet上的网页。

具体的实例：

　　Mainframe页面中的代码:

<html>
<head>
    <title>框架学习</title>
</head>

<frameset cols="20%,*" >
    <frame src="LeftFrame.htm" />
    <frame src="RightFrame.htm" name="showContent" />
</frameset>

</html>

　　LeftFrame页面中的代码：

<html>
<head>
    <title>LeftFrame页面</title>
</head>

<body>
    <a href="#1" target="showContent" >链接一</a>    <!--target属性一定要填，否则不会在RightFrame中显示出要连接到的页面-->
    <a href="#2" target="showContent" >链接二</a>
    <a href="#1" target="showContent" >链接三</a>
</body>
</html>

　　RightFrame页面是MainFrame页面加载时，右边框架显示的默认页面。当然其他的页面或内容就可以根据需要进行新建制作了，创建好了，只需在LeftFrame页面添加链接，即可以被导航到。

这个工作完成之后的效果，类似于CSDN开发者社区论坛的显示效果。





posted @ 2012-03-09 12:36  九头马  阅读(5074)  评论(0)  编辑  收藏  举报