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：