网页简单的分帧技术

最新推荐文章于 2022-05-23 09:57:05 发布

菜蒂亚万

最新推荐文章于 2022-05-23 09:57:05 发布

阅读量1.8k

点赞数

分类专栏： HTML 文章标签： web

本文链接：https://blog.csdn.net/SiuKong_Ngau/article/details/53219872

版权

HTML 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

网页简单的分帧技术

网页分帧简介：

网页分帧，就是把一个web页面分成不同的区块，每一个区块实际上都是独立的网页
，拥有自己独立的url，其间互不干扰。 也可以理解为将若干个网页拼盘到同一个web页
面显示出来。

主要标签

1，分割窗口标记

<frameset></frameset>,用来分割窗口,设置框架大小属性。

注意：不能放在<body></body>里边,其实分帧页面不需要<body></body>的，除非有
不支持提醒

参数：
1,cols = "m(m%),n(n%),*";
    将html页面纵向分块
2,rows = "m(m%),n(n%),*";
    将html页面横向分块
3,frameborder=yes|no；
    是否需要边框
4,border＝n；
    边框宽度
5,bordercolor＝#n； 
    边框颜色
6,framespacing=n；
    分窗口之间的距离；

注意：1，noresize,防止自适应
     2，可以嵌套使用
     3，不能放在body标签内

2，导入文件标记

<frame/>

包含在<frameset><frameset/>中，一一对应的在不同的区块导入文件。

参数:
    1，align=left/right/center/top/bottom    //导入文件的显示位置

    2，name=frameName  //定义分窗口的名称。

    3，src = ""  //导入分窗口的路劲

    4，noresize

    5，scrolling = yes/no/auto  //是否设定滚动条

    6，frameborder/bordercolor/marginheight/marginwidth  
    分别为分窗口的有无边框和边框颜色，支队frame起作用
    后两个为分窗口上下边缘和左右边缘的宽度

3，浏览器不识别处理

    <noframes> 
        //如果浏览器不识别分帧的话,可以加入这个标签，提示用户
    </noframes>

代码示例：

<html>
    <head>
        <title>分帧窗口示例</title>
    </head>
    <frameset rows="40,*,40" noresize>
    <frame name="0" src="###">
         <frameset cols="80,*,80" noresize>       
            <frame name="1" src="###">
            <frame name="2" src="###">
            <frame name="3" src="###">
         </frameset>  
    <frame name="4" src="###">           
    </frameset>
    <noframes>
        <body>
            <p>分帧页面不支持</p>
        </body>
    </noframes>
</html>