本文共 1095 字，大约阅读时间需要 3 分钟。

XHTML 框架概述

框架的使用可以让浏览器“分割”成多个页面显示内容，常用于如网站后台管理这些菜单项目固定，且对美观性和搜索引擎要求不高的地方。

框架的优缺点

• 框架方便制作栏目导航，操作各栏目时不需要重新载入整个页面
• 框架会产生较多页面，不易管理
• 不容易打印整个框架页面
• 对搜索引擎不友好

基于框架的以上特点，目前框架几乎只用于系统后台管理中，而不建议使用于页面展示中。

上下框架

我们以最简单的上下框架来分析框架的原理。

创建一个名字为frame.html新页面，关键代码如下：

    
   <div></div>      &lt;body&gt;  &lt;p&gt;对不起，您的浏览器不支持框架！&lt;/p&gt;  &lt;/body&gt;  <div></div>   

注意：使用框架必须将 DTD 设置为 xhtml1-frameset 。

再创建两个普通html页面，分别为 frame_top.html 和 frame_main.html ，内容可以是任意普通文本之类的。

将以上三个页面保存在同一目录下。在浏览器里打开 frame.html ，在 frame.html 里将显示上下两部分内容，分别对应的是 frame_top.html 和 frame_main.html 。

上下框架示意图：

语法分析

1. 框架要是用其特有的 DTD 声明（xhtml1-frameset）。
2. 框架标签为 <frameset></frameset> ，它表示设置一个框架。
3. 标签的 rows 属性确定了框架是上下分割以及分割的比例。
4. <frame /> 标签的 src 属性指定各个框架对应的 html 页面来源。
5. <noframes> 标识浏览器不支持框架时显示的内容。

混合框架

该混合框架先将页面做上下分割，然后再将下面的页面做左右分割。

新创建一普通 html 页面，命名为 frame_left.html 并存储于和 frame.html 同一目录下。

将 frame.html 代码变更如下：

                
   <div></div>      &lt;body&gt;  &lt;p&gt;对不起，您的浏览器不支持框架！&lt;/p&gt;  &lt;/body&gt;  <div></div>   

该例子示意图：

语法分析

1. 如果要做再次分割，可以在框架标签内嵌套框架标签来实现。
2. 标签的 cols 属性确定了框架是左右分割以及分割的比例。
3. 我们可以根据框架的原理以及 rows 和 cols 属性来制作更为复杂的框架结构。

转载地址：http://kiufz.baihongyu.com/