`

frameset 使用总结

阅读更多

最近在搞网页编程,总结了frameset 的一些使用技巧,供大家参考哦,还是先剖析一下框架吧!

■ 框架标记

  <FRAMESET> <FRAME> 
  <NOFRAMES> 
  <IFRAME>

  欲明白本篇【HTML彻底剖析】之标记分类,请看 【标记一览】。 
  也请先明白围堵标记与空标记的分别,请看 【HTML概念】。

■ 框架概念 :

  谓框架便是网页画面分成几个框窗,同时取得多个 URL。只需要 <FRAMESET> <FRAME> 即可,面所有框架标记需要放在一个总起的 html 档,这个档案只记录了该框架如何分割 ,不会显示任何资料,所以不必放入 <BODY> 标记,浏览这框架必须读取这档案 面不是其他框窗的档案。<FRAMESET> 是用来划分框窗,每一窗框由一个 <FRAME> 标 记所标示,<FRAME>必须在 <FRAMESET> 范围中使用。如下例:

  <frameset cols="50%,*"> <frame name="hello" src="up2u.html"> <frame name="hi" src="me2.html"> 
  </frameset>

  此例中 <FRAMESET> 把画面分成左右两相等部分,左便是显示 up2u.html,右边则会显示 me2.html 这档案,<FRAME> 标记所标示的框窗永远是按由上而下、由左至右的次序


<FRAME>
用法:      定义一个帧
开始/结束标识: 必须/非法
属性:      name="..."定义帧的名字
         scr="..."定义在帧中显示的内容的来源
         frameborder="..."定义帧之间的边界(0或1)
         margwidth="..."设置帧的边界和其中内容之间的间距
         margheight="..."设置帧的边界和其中内容之间的间距化
         noresize="..."使帧的尺寸不能变
         scrolling="..."设置滚动条的表示方式(auto, yes, no)
空:       不允许

<FRAMESET>...</FRAMESET>
用法:      定义在一个窗口中帧的布局
开始/结束标识: 必须/必须
属性:      rows="..."设定行的数目
         cols="..."设定列的数目
         onload="..."当载入文档时的内部事件触发器
         onunload="..."当卸载文档时的内部事件触发器
空:       不允许
注释:      FRAMESET可以嵌套

以上所述只是最简单的框架设定,若希望达到更合适的效果请加入或修改以下各参数。

  标记:<FRAMESET> 
  例子:<frameset rows="90,*" frameborder="0" border=0 framespacing="2" border="2" bordercolor="#008000"></frameset> 
  功用:宣告HTML文件为框架模式,并设定视窗如何分割。 

  参数:

  • COLS="90,*" 
    垂直切割画面(如分左右两个画面),接受整数值百分数, * 则代表占用剩余的空间。数值的个数代表分成的视窗数目且以逗号分隔。例如 COLS="30,*,50%" 可以切成三个视窗,第一个视窗是 30 pixels 的宽度,为一绝对分割,第二个视窗是当分配完第一及第三个视窗后剩下的空间,第三个视窗则占整个视窗画面的 50% 宽度为一相对分割。你可自己调整数字

     

  • ROWS="120,*" 
    这是横向切割,将画面上下分开,数值设定同上。 COLS 与 ROWS 两参数尽量不要放在同一个 <FRAMESET> 标记中,因 Netacape 偶然不能显示这类型的框架,尽量采用多重分割,如以上各例。

     

  • frameborder="0" 
    设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要显示边框。

     

  • border="0" 
    设定框架的边框厚度,以 pixels 为单位。

     

  • bordercolor="#008000" 
    设定框架的边框颜色。

     

  • framespacing="5" 
    表示框架与框架间保留的空白的距离。

  标记:<FRAME> 
  例子:<frame name="top" src="a.html" marginwidth="5" marginheight="5" scrolling="Auto" frameborder="0" noresize framespacing="6" bordercolor="#0000FF"> 
  功能:设定每一个框窗内的参数属性。 
  参数:

     

  • SRC="a.html"
    设定此框窗中要显示的网页档案名称,每个框窗一定要对应一个网页档案。

     

  • NAME="top"
    设定这个框窗的名称,这样才能指定框架来作链接,必须但任意命名。

     

  • frameborder=0
    设定框架的边框,其值只有 0 和 1 , 0 表示不要边框, 1 表示要边框。

     

  • framespacing="6"
    表示框架与框架间的保留的空白的距离。

     

  • bordercolor="#008000"
    设定框架的边框颜色。

     

  • scrolling="Auto"
    设定是否要显示卷轴,YES 表示要显示卷轴,NO 表示无论如何都不要显示卷轴,AUTO 视情况而定。

     

  • noresize
    设定不让使用者可以改变这个框框的大小,如没有设定此参数,使用者可随意地拉动框架改变其大小。

     

  • marginhight=5
    表示框架高度部分边缘所保留的空间。

     

  • marginwidth=5
    表示框架宽度部分边缘所保留的空间。

 

1
2
分享到:
评论

相关推荐

    asp.net中frameset框架集嵌套的用法

    asp.net中frameset框架集嵌套的用法总结

    html网页代码源--frameset用法

    html中framset布局自我总结,整理了很长时间

    Web应用前端技术的探索与实践

    Web应用前端技术的探索与实践 1 1 前端开发那些事 1 2 怎样提高前端的质量和工作效率? 1 附件(关于2011年工作的一点浅见) 3 3 探讨一些技术问题 4 3.1 Frameset和iframe 4 3.2 Frameset和Div两种方式的...8 总结 205

    HTML 学习总结2 框架 表单

    这是HTML学习总结系列的第二篇,第一篇在这里: HTML 学习总结1入门 ...看上面的代码,用frameset替换掉body不难理解,毕竟我们约定做框架的网页不具有实体内容 接着,这里提到了框架标签的三个属性,分别为: rows/c

    html自己总结

    13. 关于不同浏览器背景颜色,鼠标移动或触发颜色变化的设置14、 margin 15、&lt;meta&gt;16、 frameset17、 form在html中的作用18、 表格Table19、 链接20、 关于文字21、 序列22、 关于table 23、……

    HTML DOM基础教程(网页形式)

    DOM 总结 DOM 实例 DOM 实例 DOM 对象 DOM Window DOM Navigator DOM Screen DOM History DOM Location DOM Document DOM Anchor DOM Area DOM Base DOM Body DOM Button DOM Event DOM Form DOM ...

    百度地图毕业设计源码-front-end-interview-questions-and-answers:面试问答

    前端面试题总结 包括笔者本人遇到过的、网上见到过的以及自己想出来的各类前端相关的面试题。 主要适用于初中级前端(相当于阿里 P6 左右)。 部分参考文章如下: 文章目录 HTML DOCTYPE 声明的作用、取值与区别 ...

    利用WebBrowser彻底解决Web打印问题(包括后台打印)

    抱着“取之于众 服务于众”的思想,我总结了一下,把它拿到网上来与大家分享,希望能帮助遇到类似问题的朋友。我主要使用了IE内置的WebBrowser控件,无需用户下载和安装。WebBrowser有很多功能,除打印外的其他功能...

    javascript父、子页面交互技巧总结

    存放子页面可以是iframe,又可以是frameset,本例介绍javascript父、子页面交互技巧,需要的朋友可以参考下

Global site tag (gtag.js) - Google Analytics