9.使用框架结构

9.1框架的基本概念

  • 框架:浏览器窗口中的一个区域,它可以显示与浏览器窗口的其余部分中所显示的内容无关的HTML文档

  • 框架集:是HTML文件,它定义一组框架的布局和属性,包括框架的数目,框架的大小和位置,以及在每个框架中初始显示的页面的URL。框架集文件本身不包含要在浏览器中显示的HTML内容,但noframes部分除外。框架集文件只是向浏览器提供应如何显示一组框架,以及在这些框架中应显示那些文档的有关信息

  • 框架结构:是将两个或两个以上的网页组合起来,在同一个窗口打开的网页结构。框架把一个网页分成几个单独的区域,每个区域为一个单独的HTML文件。显示时,每个区域像一个单独的网页,可以有自己的滚动条,背景,标题等

  • 框架最常见的用途就是导航,一组框架通常包括一个含有导航条的框架和另一个显示主要内容的框架

9.2设置框架集的属性frameset

9.2.1水平分割窗口rows




...

9.2.2垂直分割窗口cols




...

9.2.3嵌套分割窗口






...

9.2.4框架的边框frameborder

默认情况下,浏览器总是给每一个框架结构加上一条有明显宽度的边框。frameborder可以控制边框的显示和隐藏


frameborder的取值只能是0,1或者yes,no
在frameset中设置将会对整个框架集有效,在frame中设置则只对当前框架有效

9.2.5框架的边框宽度framespacing

默认情况下框架的边框宽度是1,通过framespacing可以调整边框的宽度


只能对框架集使用,对单个框架无效

9.2.6框架的边框颜色bordercolor


9.3设置窗口属性

9.3.1页面源文件src

框架结构中每一个页面都是一个单独的文件,这些文件都是通过src来指定一个初始文件地址


源文件可以是一个网页文件,也可以是一张图片

9.3.2页面名称name

页面名称是为了便于页面的查找和链接所提供的一个属性,例如一个左右框架结构,左侧为链接,右侧为正文,当单击左侧链接以后要在右侧框架中打开正文,就需要用到


框架的页面名称不允许包含特殊字符,连字符,空格等,必须是单个的单词或者字母组合

9.3.3禁止调整窗口的尺寸noresize

每一个框架都有固定的宽度和高度,可以通过拖动边框进行调整。不过有时候需要框架的宽度高度保持不变,禁止浏览器在访问框架时随意改变框架尺寸


noresize没有属性值,添加之后就不能拖动边框

9.3.4边框与页面内容的水平边距marginwidth


9.3.5边框与页面内容的垂直边距marginheight


9.3.6控制框架滚动条显示

一个框架中的页面内容常常会超出整个框架的尺寸范围,在默认情况下,浏览器会在右侧或者下方显示滚动条,以便浏览者拖动查看全部内容。但有时希望不显示滚动条,可以通过scrolling属性自由控制滚动条的显示


scrolling的取值包括yes,no,auto,其中yes表示一直显示滚动条,no则表示无论什么情况都不显示滚动条,auto是系统的默认值,它是根据具体内容来调整的,当页面长度超出浏览器窗口的范围时就会自动显示滚动条

9.3.7不支持框架标记</h4> <p><strong>如果遇到不支持框架结构的浏览器,或者用户关闭了浏览器的框架显示功能,此时就需要用到<noframes>来设置替换的内容,告诉浏览者其浏览器无法打开框架页面</strong></p> <pre><code><noframes>替换显示的内容

9.4浮动框架iframe


  • align的值包括左对齐left,右对齐right,居中对齐middle,底部对齐bottom
scrolling的取值范围

9.5创建框架链接

  • 普通框架结构的链接:通过target相互链接起来

  • 浮动框架结构的链接:方法与普通框架类似,在设置浮动框架链接时,为浮动框架设置一个名称,在设置链接时,将链接的目标设置为浮动框架的名称

你可能感兴趣的:(9.使用框架结构)