html 之分帧

来源:互联网 发布:与孩子一起学编程.mobi 编辑:程序博客网 时间:2024/06/06 00:53

一:分帧的含义:

        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>



原创粉丝点击