《HTML教程》11章 框架


框架
    框架是用来将浏览器的文档部分分割成若干个既相互独立又有联系的部分,每个部分(即框架)可显示不同的页面。包含框架的页面的<body>...</body>已经不起作用,它与框架各部分所显示的页面是父子关系。当浏览器不支持框架时,<noframe>与</noframe>之间的内容将显示出来。小雅软件学习网的主框架也是用frameset来实现的。
<frameset rows="高度1,高度2,..." cols="宽度1,宽度2,...">
    <frame src="URL1" name="NAME1">
    <frame src="URL2" name="NAME2">
      ...
    <frame src="URLn" name="NAMEn">
    <noframes>
        <body>
          ...
        </body>
    </noframes>
</frameset>

基本分割(示意图)
    高度和宽度可以有固定值、百分比、*三种表示方法,或三种方法的组合。
    混合使用时,固定值首先被确定,百分比部分将按百分比随浏览器大小改变而调整,*部分将随浏览器大小改变而任意调整。
    全部使用百分比时,百分比之和不等于100%时百分比将被调整。百分比和*在布局时起重要作用。
    全部使用固定值时,固定值等同于百分比,随浏览器大小改变而调整。
    如要禁止调整框架大小,可用<frame noresize>。
<frameset rows="高度1,高度2,高度3">
    <frame src="内容1.htm">
    <frame src="内容2.htm">
    <frame src="内容3.htm">
</frameset>  s10_01.htm
内容1
内容2
内容3
<frameset cols="宽度1,宽度2,宽度3">
    <frame src="内容1.htm">
    <frame src="内容2.htm">
    <frame src="内容3.htm">
</frameset>  s10_02.htm
内容1 内容2 内容3
<frameset cols="宽度1,宽度2">
    <frame src="内容1.htm">
    <frameset rows="高度1,高度2">
        <frame src="内容2.htm">
        <frame src="内容3.htm">
    </frameset>
</frameset>  s10_03.htm
内容1内容2
内容3
<frameset rows="高度1,高度2" cols="宽度1,宽度2">
    <frame src="内容1.htm">
    <frame src="内容2.htm">
    <frame src="内容3.htm">
    <frame src="内容4.htm">
</frameset>  s10_04.htm
内容1内容2
内容3内容4

框架的边框(示意图)
    <frameset frameboder="*" border="*">
    当*大于0时边框出现,等于0时边框不显示,数字的大小不代表边框粗细。border属性一般不要,但如果有border属性但没有frameborder属性时,浏览器将frameborder属性自动添加上去。
    当frameset组合使用时,也可以设置成部分框架有边框。
<frameset cols="宽度1,宽度2" frameborder=5>
    <frame src="内容1.htm">
    <frameset rows="高度1,高度2" frameborder=9>
        <frame src="内容2.htm">
        <frame src="内容3.htm">
    </frameset>
</frameset>
内容1内容2
内容3
<frameset cols="宽度1,宽度2" frameborder=0>
    <frame src="内容1.htm">
    <frameset rows="高度1,高度2">
        <frame src="内容2.htm">
        <frame src="内容3.htm">
    </frameset>
</frameset>  s10_05.htm
内容1内容2
内容3

框架的边框粗细(示意图)
    <frameset framespacing="*">
<frameset cols="宽度1,宽度2" framespacing=5>
    <frame src="内容1.htm">
    <frameset rows="高度1,高度2" framespacing=5>
        <frame src="内容2.htm">
        <frame src="内容3.htm">
    </frameset>
</frameset>  s10_06.htm
内容1 内容2
内容3

框架的滚动条
    <frameset scrolling="*">
    scrolling的属性值可设为no(无滚动条)、yes(始终有滚动条)、auto(需要时自动出现)。
<frameset rows=宽度1,宽度2 >
    <frame src="内容1.htm" scrolling="no" >
    <frameset cols=高度1,高度2>
        <frame src="内容2.htm" scrolling="auto">
        <frame src="内容3.htm" scrolling="yes">
    </frameset>
</frameset>  s10_07.htm

框架的区域禁止改变
    <frameset noresize>
<frameset rows=宽度1,宽度2 noresize>
    <frame src="内容1.htm">
    <frameset cols=高度1,高度2>
        <frame src="内容2.htm">
        <frame src="内容3.htm">
    </frameset>
</frameset>  s10_08.htm

框架中文字的边界(Margin)(示意图)
    <frame marginwidth="*" marginheight="**">
<frameset cols="宽度1,宽度2,宽度3">
    <frame src="内容1.htm" marginwidth=10>
    <frame src="内容2.htm" marginwidth=10
                           marginheight=10>
    <frame src="内容3.htm" marginheight=10>
</frameset>  s10_09.htm
这是内容1,请看上下间隔,正在测试frame的边界,这也是演示版。 这是内容2,请看上下左右间隔,正在测试frame的边界 这是内容3,请看左右间隔,正在测试frame的边界

框架中连接后显示定位
    当鼠标点了框架中的连接之后,缺省情况下显示在当前框架中。如果想要显示在不同的框架中只要将框架名赋给a元素的target。<a href="URL" target="框架名">。  s10_10.htm
<a href="URL"> 当前框架显示
<a href="URL" target="框架名"> 指定框架内显示
<a href="URL" target="_blank"> 重新打开一个窗口来显示
<a href="URL" target="_self"> 当前框架显示
<a href="URL" target="_parent"> 父窗口内显示(即存放框架的窗口,这时当前框架消失)
<a href="URL" target="_top"> 框架没有嵌套时和_parent相同。有嵌套时即框架中的页面本身又是框架,这时所有框架消失,并显示所连接的页面。

内嵌框架(InlineFrame)(仅ie有效)
    <iframe src="URL" name="*">不支持iframe时的文字说明</iframe>
    其它可用的属性有:            
width frame的宽度(用像素picsel或百分比%表示)
height frame的高度(用像素picsel或百分比%表示)
marginwidth frame内的左右边界(Margin)(用像素picsel表示)
marginheight frame内的上下边界(Margin)(用像素picsel表示)
scrolling 滚动条(auto:自动/yes:始终有/no:始终无)
frameborder frame的边框表示(1:有/0:无)
align 页面中的位置(左右:left/right,上下:top/middle/bottom)

在中国历史上没有一个汉奸卖国贼能调动全国的人力、财力为自己叛国、卖国罪行作精心的辩护。秦桧做不到,他至今还在杭州西湖下跪,挨着几百年来的唾沫、口水;袁世凯虽然当了几天洪宪皇帝也做不到,《窃国大盗袁世凯》一书及袁世凯与日本帝国主义密签的亡国《二十一项条约》写在中华历史中。李鸿章更做不到,他签下的卖国条约,永在正史,《赶三(京剧丑角名)已死无苏丑,李二先生是汉奸》成为绝妙对联,长存野史。