1. <FRAMESET>称框架标记,用以宣告HTML文件为框架模式,并设定视窗如何分割
    <FRAME>则只是设定某一个框窗内的参数属性

通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面,简而言之,就是在一个窗口中显示多个页面。 每个页面称之为一个框架。并且每个框架独立于其他的框架。

使用框架的坏处:必须同时跟踪多个框架(网页或HTML文档),整个页面很难打印。

<FRAMESET>参数设定:
例如:

<frameset row=“90,*” frameborder="0" border=“0" framespacing="2" bordercolor="#008800"></frameset>
  1. cols=“90,*
    垂直切割画面(如分左右两个画面),接受整数值、百分数,*则代表占用的余下空间。数值的个数代表分成的视窗数目且以逗号分隔。例如:cols=“30,*,50%"可以切成三个视窗,第一个视窗是30pixels的宽度,属于绝对分割;第二个视窗是当分配完第一个及第三个视窗后剩下的空间;第三个视窗则占整个画面50%的宽度,属于相对分割。可以自己调整数字。
  2. rows=“120,*
    就是横向切割,将画面上下分开,数值设定同上。唯cols与rows两参数尽量不要同在一个<FRAMESET>标记中,因Netacape偶然不能显示这类形的框架,因此尽量采用多重分割。
  3. frameborder=“0”
    设定框架的边框,其值只有0和1,0表示不要边框,1表示显示边框。
  4. border=“0"
    设定框架的边框厚度,以pixels为单位。
  5. framespacing=“2”
    表示框架与框架间的保留空白的距离。
  6. bordercolor="#008800"
    设定框架的边框颜色。
  7. <frameset> 标签定义一个框架集。
    <frameset> 元素被用来组织一个或者多个 <frame> 元素。每个 <frame> 有各自独立的文档。
    <frameset> 元素规定在框架集中存在多少列或多少行,以及每行每列占用的百分比/像素。
    注释:如果您希望验证包含框架的页面,请确保 <!DOCTYPE> 被设置为 “HTML Frameset DTD” 或者 “XHTML Frameset DTD” 。
  8. 代码块:
   <frameset cols="25%,50%,25%">
      <frame src="frame_a.html" />
      <frame src="frame_b.html" />
      <frame src="frame_c.html" />
    </frameset>

备注:在使用frameset标签的时候,为了有效,不使用body标签,一般都把body标签删除。

  1. 将整个页面先分为两行,上边占据20%,下边占据80%,下边在分为两列,左边占据20%,右边占据80%,当点击左边的时候右边能够进行页面的加载,例如:
<!--将窗口分为两个框架,两行(上下),上遍占据20-->
    <frameset rows="20%,*">
        <frame src="top.html" />
        <frameset cols="20%,*">
            <frame src="left.html" />
            <!--注意此处是name属性的设置-->
            <frame name="right" />
        </frameset>
    </frameset>

<!--在left.html中,某一个具体的超链接的设置,target属性的设置-->
< a href=" " target="right">点击后right.html在rignt(name)的框架中进行展示</ a>

框架结构标签的使用比较多的是管理员进行后台管理的时候,通常使用框架架构标签的方式进行页面布局,还有就是测试的时候,需要测试什么页面,就在框架中加载具体页面。

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐