框架网页是一种网页设计形式，其中左侧导航菜单固定，而页面中央的信息可以上下移动。这种设计模式常用于构建具有复杂导航结构的网站。
特征
框架网页的特点在于其左侧导航菜单是固定的，而页面中央的信息可以随着用户的滚动而上下移动。有些框架网页会在页面顶部放置公司的标志或图像，这部分也是固定的。页面的其余部分则可以自由移动。一些框架网页还可能在其固定区域内包含链接或导航按钮。
SEO影响
在SEO（搜索引擎优化）方面，普遍的观点是，使用框架设计网站是不明智的。这是因为大多数搜索引擎难以识别网页中的框架，或者无法遍历或搜索框架内的内容。
CSS框架
CSS框架是一系列CSS文件的集合，包括基本布局、表单样式、网格或简单结构等。常见的CSS框架包括：
Elements CSS Frameworks
Elements是一个实用的CSS框架，旨在帮助设计师更快地编写CSS。除了提供基本的框架功能外，Elements还包括自己的项目工作流，涵盖了完成项目所需的全部元素。
YUI Grids CSS
YUI Grids CSS提供了四种预设页面宽度、六种预设模板和两种、三种、四种分区的功能。这个仅4KB的文件可以实现超过一千种页面布局组合。
YAML CSS Framework
YAML是由Dirk Jesse开发的强大XHTML/CSS框架，适用于各种简单的或复杂的网站项目。YAML基于Web标准，支持所有现代浏览器，并解决了所有Internet Explorer的主要渲染问题。
Blueprint CSS
Blueprint是一个CSS框架，旨在缩短CSS开发时间。它提供了一个可靠的CSS基础，以便开发者可以在此基础上创建自己的项目。
Schema Web Design Framework
Schema是一个网页框架设计，旨在提供必需的层叠样式表和HTML标签，以加速重复的设计任务。与每次新建网站项目都需要从头开始编写HTML/CSS相比，Schema提供了一套基础架构，使设计能够迅速启动。
CleverCSS
CleverCSS是一个小型的标记语言，受到Python的启发，用于创建CSS样式表。它在多个方面比CSS2更加简洁和强大，并采用了基于缩进而非单调的语法。
Tripoli CSS Framework
Tripoli是一个通用的HTML表现层叠样式表规范，通过重置和重构浏览器标准，为网站项目提供了一个标准化、跨浏览器的表现基础。
ESWAT Web Project Framework
ESWAT正在进行重组。如果您是来找网站框架的，您可以在这里下载。您也可能有兴趣查看我的其他项目gmachina、AppleSeed。
Boilerplate CSS Framework
作为Blueprint CSS的原始作者之一，我决定将我的想法整合成一个最小的框架，提供最基本的因素来启动任何项目。这个框架应该是小的，并且努力不使用非语义的命名约定。你是设计师，你的技能很重要。
WYMstyle CSS Framework
该项目的目标是提供一组经过良好测试的模块化CSS文件，用于快速网站设计。WYMstyle是一组CSS文件，您可以轻松地组合它们来快速创建网站布局。通过提供可靠、经过良好测试的CSS模块，WYMstyle致力于让每个网站免于繁琐的跨浏览器兼容性测试。
Content with style Framework
下一步是将其扩展为CSS框架，允许使用已编写并经过测试的组件快速开发网站。实际上，我们需要的是命名约定和一个灵活的基本模板...
Logicss Framework
Logic CSS框架是一个由CSS文件和PHP程序组成的集合，旨在减少开发符合Web标准的XHTML布局的时间。它通常跨越浏览器表现行为（不是Meyer的reset文件或使用“*”），支持文本字体大小调整（使用EMs）和垂直居中，以及可定义的灵活布局网格利用层叠样式表代码生成器。
That Standards Guy CSS Framework
- 只能调用单一样式文件
- 主样式需要获得CSS认证（WCAG 1.0）
- 跨浏览器兼容性——包括Internet Explorer（IE）5.x for 麦金塔
- IE Hacks使用单独的文件
- 快速创建模板
- 少量注释/示例演示，以节省时间了解。
960 Grid System
960网格系统是一项努力，通过提供常用尺寸简化网站开发过程，基于960像素的页面宽度。它有两个类型，12列和16列，它们可以单独使用或一起使用。
Emastic CSS Framework
Emastic是一个CSS框架，具有连续的任务：探索未知的新世界，寻找新的生活和新的网站空间，勇敢地进入CSS框架尚未到达的领域。它是轻量级的，在页面宽度上是人性化的，在网格中使用固定和不固定的列宽。Elastic使用“em”布局。
优化建议
尽管框架网页在SEO方面存在挑战，但并非完全无法对其进行优化。在HTML标记中，有一个名为NOFRAME的标记，如果使用得当，可以帮助搜索引擎正确索引框架网页上的内容。专业SEO公司会在这类网页中添加丰富的关键词和短语，以提高网站在SERP（搜索引擎结果页面）中的排名。对于使用框架技术的网站，只要采用适当的技术和技巧，也可以进行有效的优化，达到理想的页面评级。
参考资料
CSS网页布局.BUNOOB·COM.2024-10-25
YUI Grids CSS 004 - 如何使用.CSDN.2024-10-25
CleverCSS.CSDN.2024-10-25