html 之分帧

一:分帧的含义:

        HTML 窗口分帧技术是将浏览器窗口分割成多个独立的窗口,每一个窗口都可以显示一个独立的页面文件,

        这些窗口成为帧,每个帧拥有自己的url。分帧操作比较适用于后台,用于前台的话(处iframe)不利于搜索引擎的搜索。

二:iframe 标签:

       <iframe></iframe>(这里不多说了,直接看代码)

           <body>
                 <iframe width="500" height="500" src="http://www.baidu.com"></iframe>
                 <iframe width="500" height="500" src="http://mail.163.com"></iframe>
          </body>

三:frameset 标签:注意:不能和body标签联用

frameset的属性有:frameborder 边框   noresize 用户无法调节框架大小

frame 中有的属性有 :scrolling --->  no / yes  不能滚动  src 属性

       定义和用法:

                   frameset 元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中,frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。

          例子: 有四个html文件  header.html    left.html    right.html   frame.html

          frame.html

          <html>
    <head>
        <meta charset = "utf-8" />
        <title>GG</title>
    </head>
    <frameset rows = "20%, *" frameborder = "1">
        <frame src = "header.html"></frame>
        <frameset cols = "25%, *">
            <frame src = "left.html" ></frame>
            <frame src = "right.html" name = "right"></frame>
        </frameset>
    </frameset>
</html>


left.html


<html>
    <head>
        <meta charset = "utf-8" />
        <title>GG</title>
    </head>
    <body >
        <a href ="http://www.baidu.com" target = "right">点我跳百度</a>
        <a href ="http://www.so.com" target = "right">点我跳百度</a>
        <a href ="http://www.baidu.com" target= "right">点我跳百度</a>
    </body>
</html>


right.html

显示用的

<html>
    <head>
        <meta charset = "utf-8" />
        
    </head>
    <body >
        
    </body>
</html>


header.html

<html>
    <head>
        <meta charset = "utf-8" />
        <title></title>
    </head>
    <body >
        <h1>你是猪吗</h1>
        
    </body>
</html>



  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值