HTML框架

使用框架做页面

下面这是一个只是包含头部和中间内容部分的框架，

代码如下：

详细解说：

1.rows:每个内容框架的设定的高度

frameset的相关属性：

1frameBorder:用于设置是否显示框线，1为显示框线（默认值)，0为不显示框线。

2framespacing:用于设置边框的粗细，默认值为2px

scrolling:是否显示滚动条

auto：当文件过长框架的高度或宽度不能显示完整的网页内容时，则自动出现滚动条，以便于浏览。该属性值为默认值。

yes：无论文件长度如何，始终显示滚动条。

no：无论文件长度如何，始终不显示滚动条。

框架网页

框架网页的主要特点是将浏览器窗口拆分成不同的区域，每个区域呈现出不同的网页内容。框架网页中最大的区域通常作为主框架区，频繁变化的内容一般都安排在该区域中显示，而主框架区之外的其他区域则相对稳定，常用于显示网页的标题和目录等。这样，在目录框架中点击某个超级链接时，就可以在主框架区显示相应的内容，避免浏览窗口的频繁切换。例如，如果一个网站的每个页面都具有相同的标题区域、目录区域、网站声明区域，不同的只是更换主要显示区域的文档内容，那么，就可以将这些网页设计成框架网页。

使用框架网页，更便于网站的维护和数据更新。

1、框架网页的窗口拆分定义标记

语法：

……

说明：

⑴标记用于定义整个框架的拆分方式，即是采用水平拆分还是采用垂直拆分，并设置各框架的大小和内容，是成对标记。

如果使用标记作为文件的主体，则不能再使用标记作为文件的主体。也就是说，同一个HTML文件不允许与同时存在。

⑵rows属性用于将窗口水平拆分成数个框架，其属性值value1用于定义每个框架的高度，高度的表示方法为：

①数值，即以绝对方式来定义框架的大小，单位是像素。

例如：rows="200,600,100"，表示将窗口水平分割成三个框架，每个框架的高度分别是200px、600px和100px。

②百分比，即以相对百分比的方式定义框架的大小。

例如：rows="10%,80%,10%"，表示将窗口水平分割成三个框架，每个框架高度的比例分别是10%、80%和10%。

③*，即用上述方法定义框架的高度后，剩下的框架的高度为其总高度的剩余值。如果有两个以上的高度定义为“*”，则这些框架的高度将平分剩下来的高度，也可以混合使用三种高度的定义方式。

例如：rows="30%,50,*"，表示将窗口水平分割成三个框架，每个框架的高度分别是30%，50px，剩余的高度给第三个框架。

⑶cols属性用于将窗口垂直拆分成数个框架，其属性值value2用于定义每个框架的宽度，其表示方法与rows相同。

2、框架网页的定义标记

在使用标记定义框架网页后，就需要使用标记来定义每个子框架的框架名称（framename）以及所链接的子网页的地址（URL）。

语法：

……

说明：

①标记用于设置框架的名称和链接的网页，是非成对标记。

②src属性用于设置该框架内欲显示的子网页的地址。

③name属性用于设置该框架的名称。

例：定义垂直拆分框架网页

说明：此例将窗口垂直拆分成三个框架，每个框架的宽度依次为200px、300px、剩余宽度，从左向右框架命名依次为frame1、frame2、frame3，链接的网页分别是lx1.htm、lx2.htm、lx3.htm。

3、混合式框架

所谓混合式框架就是在同一窗口内，同时包含有水平拆分和垂直拆分所产生的框架，以下两种方法均可以创建混合式框架：

⑴先制作水平或垂直框架，将其中一个标记中的src属性指向一个已经使用标记设置好的框架网页文件，从而制作出混合式框架。

例：

而nr.htm已定义为：

这样就制作出一个由上下两个框架构成（上框架用于放置页面标题，而下框架即内容框架又垂直拆分成三个框架）的混合式框架的网页。

⑵&nbp;直接用标记取代一个标记，接着将此框架进行水平拆分或垂直拆分，在每对标记内分别使用标记定义子框架的src及name属性。这种定义方式将所有的框架标记都存放在一个HTML文件中，而不必去定义成数个文件，较易对网页进行维护，是混合式网页的一种值得尝试的定义方式。

例1：

结果显示为：

例2：

结果显示为：

4、框架的相关设置

框架的设置在标记或标记的属性中定义。

⑴标记的相关属性

framespacing：该属性用于设置框线的粗细（默认值为2px）。

frameborder：该属性用于设置是否显示框线，属性值有：1，表示显示框线（默认值）；0，表示不显示框线。

bordercolor：该属性用于设置框线的颜色，属性值可使用颜色名定义，也可使用三原色值定义。

⑵标记的相关属性

①scrolling：该属性用于设置滚动条出现的时机，属性值有：

auto：当文件过长框架的高度或宽度不能显示完整的网页内容时，则自动出现滚动条，以便于浏览。该属性值为默认值。

yes：无论文件长度如何，始终显示滚动条。

no：无论文件长度如何，始终不显示滚动条。

②noresize：该属性用于设置框架大小是否固定，如果使用此属性，则表示固定框架大小，以避免浏览者随意改动。该属性不需要定义属性值。

③marginwidth：该属性用于设置指定框架内文件与框架边缘的边界宽度。

④marginheight：该属性用于设置指定框架内文件与框架边缘的边界高度。

5、框架的超级链接

框架的超级链接用于在指定的框架中打开指定的页面，而超级链接所在的框架内容则可保持不变，使保存有超级链接的框架具有目录或菜单的作用。

创建框架的超级链接的方法如下：

⑴创建拆分框架网页

使用标记将窗口拆分成若干个框架，并设置好每个框架的宽度或高度（cols或rows属性）。

使用标记设置每个框架的名称（name属性）和链接目标的URL（src属性）。

⑵设置超级链接的目标网页

在框架对应的网页文件中，使用标记定义超级链接，并在标记中使用target属性设置超级链接的打开方式。

例如：在上面的图例框架中，可以在左框架网页的文件中设置超级链接：

在nrkj1中打开该链接

在nrkj2中打开该链接

在nrkj3中打开该链接

其中，URL1、URL2、URL3为链接要打开的网页文件的路径及文件名。Target 的属性则用于设置在指定的框架打开该网页。

target的属性除了直接指定框架的名称外，也可以使用常用的属性值：

_blank：在新的窗口中打开链接网页。

_top：在本窗口中打开链接网页。

_parent：在上一层的框架中打开链接网页。

_self：在超级链接所在的框架中打开链接网页（默认值）。

其中，“_top”和“_parent”常用于多层混合式框架，“_top”表示最上层的框架，“_parent”则表示上一层的框架。对于外部链接，如指向其他网站的超级链接，则通常使用“_blank”或“_top”的打开方式。

如果在标记中没有设置target属性，则默认打开方式为target="_self"，即在超级链接所在的框架打开链接网页。

如果某个框架中的所有超级链接都指向同一个框架，则可使用

来改变默认的target="_self"设置值，即在建立超级链接的网页中加入标记，这样就毋须再在每一个标记中指定链接的target属性。

6、内联框架Iframe

Frame框架，必须使用标记预先定义每个框架的大小，如果某一框架链接的页面内容超出框架预定义的大小，则只能使用滚动条来显示框架中的内容，这给浏览带来了很大的不便。

在HTML语言中，可以使用

说明：

①src属性用于设置要链接的网页的URL（路径和文件名），既可以是一个超级链接，也可以是HTML文件或文本、ASP等。

②width和heigth属性用于设置内联框架的宽度和高度。单位：像素。

③scrolling属性用于设置如果指定大小的内联框架不能显示完由src属性指定的链接目标的内容，是否显示滚动条。其属性值有：No，表示不显示滚动条；Auto，表示自动显示滚动条；Yes，表示始终显示滚动条。

④frameborder属性用于设置内联框架的边框宽度，如果希望内联框架不留痕迹地与周围的网页融合在一起，通常将该属性值设置为：0，即frameborder="0"。

⑤name属性用于设置该内联框架的名称，使框架可以作为一个整体被识别。

⑵iFrame的使用方法

在一个网站中，如果一些部分如网站标识、网站声明、是否登录等内容在每个网页的页面中都会出现，则可先将这些部分分别制作成Iframe要链接的目标网页，再在每一个需要使用这些版块的页面中加入相应的