frameset框架集

大圣 大圣     2022-08-31     568

关键词:

frame使用注意事项:

  1、frame不能脱离frameset单独使用

  2、frame不能放在body标签中,不然不起效果。

  3、frame的高度只能由frameset来决定。

frameset:是框架集;里面只能存在frame,其它内容不能存在。

  frameset/frame常用属性:

  1、cols="90%,*":

    垂直切割页面(左右切割),值可以是整数(像素)、百分比和*。*代表占用剩余的空间。值的个数代表被切割成多少个页面。例如:cols="10%,80%,*";表示被分成3个页面,第一个的宽度是10%,第二个是80%,第三个是10%;

  2、rows="90%,*":

    横向切割页面。其用法跟cols一致。就是切割的方向不同;

  3、frameborder="0";

    设定框架的边框,其值只有0和1,0表示不要边框,1表示显示边框

  4、border="20px":

    设定框架的边框宽度。

  5、bordercolor="#000":

    设定边框的颜色。

  6、framespacing="5":

    被切割成多个页面时,此属性表示页面与页面之间的空隙大小。

  7、noresize="noresize":(一般加在frame上)

    表示禁止随意改变框架的大小;默认是可以改变的

  8、name="...":(一般加在frame上)

    主要是用来区分框架,以便在后期对各个框架进行操作;

如何多个frame之间的页面切换

  需求:将页面切成三块,点击A页面任意导航后在C页面中显示相应的页面。如图:

主框架页面源代码:

<frameset cols ="12%,88%" frameborder="1" >
    
    //A页面
    <frame src="#"noresize="noresize"/>
        
        <frameset rows="75px,100%">

            //B页面
            <frame src="#" noresize="noresize"/>

             //C页面
            <frame src="#" name="nametest" noresize="noresize"/>
            
    </frameset>

</frameset>    

 

A页面框架源代码:

1 <nav>
2     <a herf="testA1.html" target="nametest">A页面导航1</a>
3      <a herf="testA2.html" target="nametest">A页面导航2</a>
4      <a herf="testA3.html" target="nametest">A页面导航3</a>
5 </nav>

 

若需要在哪个框架中显示内容则在frame标签上添加 name="nametest" 属性。然后在需要触发的标签上添加 target="nametest" 属性,此时则可以完成进行跳转。

若在跳转后的页面中存在按钮时需要触发一个按钮去完成跳转时就可以直接跳转。

 

常见页面布局方式(三种框架集)

frameset框架集Frameset标签可定义一个框架集,它用来组织多个窗口(框架),每个框架有独立的html文档,在石油frameset是,不可以同时存在body标签,他和body标签是同级的。多个框架组成了一个框架集1框架集标签(frameset)第一如... 查看详情

html——frameset内嵌框架集

1.frameset框架集,cols竖向分,rows横向分,border边框宽度。例如:cols=“25%,50%,*”,*代表剩余的。此语句为竖向划分成三个页面分别占比25,50,25.                 &nbs 查看详情

frameset框架

...;2、框架集和框架页      框架集<frameset>:主要用来划分窗口的。&nbs 查看详情

html框架集属性

1、<frameset></frameset>  框架集标签  rows="150,*"  建立上下两个框架,一个框架高度是150px,一个框架的高度是剩下的全部(150px以外)  cols="150,*"  建立左右两个框架,一个框架宽度是150px,一个框架的宽度是... 查看详情

frameset标签设计页面

重要事项:不能将<frameset></frameset>标签放在<body></body>标签里。且HTML5已经不支持frameset标签的使用!!!1、frameset元素可定义一个框架集,它被用来组织多个窗口(框架)。每个框架存有独立的文档。配合<fra... 查看详情

frameset标签设计页面

重要事项:不能将<frameset></frameset>标签放在<body></body>标签里。且HTML5已经不支持frameset标签的使用!!!1、frameset元素可定义一个框架集,它被用来组织多个窗口(框架)。每个框架存有独立的文档。配合<fra... 查看详情

前端学习--html&css--框架集

...在h5标准中,推荐使用框架集,而不使用内联框架。使用frameset来创建一个框架集,注意frameset不能和body出现在同一个页面中,所以要使用框架集,页面中就不可以使用body标签。 属性: rows,指定框架集中的所有的框架,一... 查看详情

6.1html5的框架

...e):框架对于页面的设计有着很大的作用2.框架集标签(frameset)框架集标签定义如何将窗口分割为框架每一个frameset定义一系列行和列frameset标签中含有一个或多个frame标签rows/cols的值规定了每行或每列占据屏幕的面积(可以用... 查看详情

html5的问题

...ML5之间的差异在HTML5中不支持<frame>标签。 HTML5<frameset>标签定义和用法<frameset>标签定义框架集。它用于组织多个窗口(框架)。每个框架存在一个独立的文档。在最简单的应用中,frameset元素仅仅声明框架集中存... 查看详情

9.9

9.9课堂内容大纲框架:①<frameset></frameset>:框架集(如果使用框架集,当前页面不能有body)    ⒈<cols="300,*"> :左右拆分,左边宽为300px,右边宽剩余    ⒉<rows="300,*"> :上... 查看详情

html的框架

...HTML文档很难打印整张页面二、框架相关的元素和属性1、frameset元素  a、frameset  frameset元素可定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。在其最简单的应用中 查看详情

9.9上午学习内容

五、框架1.frameset是双标签框架集,如果使用框架集,当前页面不能有body。   frameset属性:①cols代表左右拆分。cols=“300,*”表示左边框架宽300,右边宽剩余的宽度。*代表剩余。       &... 查看详情

9.9框架其他常用标签

框架Iframe可以嵌在普通页面里面 Src框架里面要显示的页面地吃 Width框架的宽度 Heigh框架的高度 frameborder框架的边框 Scrolling滚动条Frameset框架集          <frameset>&n 查看详情

frame框架

框架frameset   框架集   如果使用框架集,当前页面不能有body   cols="300,*":左右拆分,左边宽300,右边宽剩余   rows="300,*":上下拆,上边高300,下边高剩余   frameboder:边框&n... 查看详情

标签(框架)(其他)

一。frameset(框架集)。如果有框架集,当前页面不能有body。cols="300,*"左右拆分,左边宽300,右边宽剩余。。rows=“300,*”上下拆分,上边高300,下边高剩余。frameboder边框。<frame>(src:框架要显示的页面地址)(scroling滚... 查看详情

关于html框架(frameset)的一些基本用法

frameset定义W3C是这样定义frameset框架的,通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。注意,这是HTML框架,不是前端框架,与node.js,vue.js等不... 查看详情

frameset怎么框架内部跳转

...口每个窗口显示不同的网页内容多用于后台也叫做分帧1.Frameset  注意如果你在页面上写frameset了那么就不能出现body因为他们两个见面就打仗  <frameset></frameset>  常用属性:  Cols 分列单位可以 查看详情

frame、iframe、frameset的区别

参考技术A  框架页有FrameIframeFrameset个标记初学者容易将三者混淆下面分别讲解三者的区别   Frameset与Frame的区别首先讲解Frameset与Frame之间的区别  <Frameset></Frameset>用来划分框架每一个框架由<Frame></Frame... 查看详情