html frameset的介绍

最新推荐文章于 2021-06-15 22:52:38 发布

转载最新推荐文章于 2021-06-15 22:52:38 发布 · 117 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ssgao/p/8868424.html

本文介绍如何利用HTML中的frameset元素来定义框架集，包括框架边框的设置、框架区域的划分方法以及如何组织多个窗口。同时，还介绍了frameset元素的多种属性如border、cols和rows等，并提供了不同布局结构的示例。

frameset 元素可以定义一个框架集。它被用来组织多个窗口(框架)。每个框架存有独立的文档。

属性  
    ①border
        设置框架的边框粗细。
    ②bordercolor
        设置框架的边框颜色。
    ③frameborder
        设置是否显示框架边框。设定值只有0、1；0 表示不要边框，1 表示要显示边框。
    ④cols
        纵向分割页面。
        其数值表示方法有三种：“30%、30（或者30px）、*”；
        数值的个数代表分成的视窗数目且数值之间用“,”隔开。
        “30%”表示该框架区域占全部浏览器页面区域的30%；“30”表示该区域横向宽度为30像素；“*”表示该区域占用余下页面空间。
        例如：cols="25%,200,*" 表示将页面分为三部分，左面部分占页面30%，中间横向宽度为200像素，页面余下的作为右面部分。
    ⑤rows
        横向分割页面。数值表示方法与意义与cols相同。
    ⑥framespacing
        设置框架与框架间的保留的空白距离。

垂直结构

    <frameset cols="25%,50%,25%">
      <frame src="/example/html/frame_a.html">
      <frame src="/example/html/frame_b.html">
      <frame src="/example/html/frame_c.html">
    </frameset>

水平结构

    <frameset rows="25%,50%,25%">
      <frame src="/example/html/frame_a.html">
      <frame src="/example/html/frame_b.html">
      <frame src="/example/html/frame_c.html">
    </frameset>

混合结构

    <frameset rows="50%,50%">
        <frame src="/example/html/frame_a.html">
        <frameset cols="25%,75%">
            <frame src="/example/html/frame_b.html">
            <frame src="/example/html/frame_c.html">
        </frameset>
    </frameset>

noframes 元素可为那些不支持框架的浏览器显示文本。

<frameset cols="25%,50%,25%">
  <frame src="/example/html/frame_a.html">
  <frame src="/example/html/frame_b.html">
  <frame src="/example/html/frame_c.html">
<noframes>
<body>您的浏览器无法处理框架！</body>
</noframes>
</frameset>

转载于:https://www.cnblogs.com/ssgao/p/8868424.html