6、使用框架(Frames)进行网页布局

最新推荐文章于 2025-09-04 14:10:48 发布

珊珊333333

最新推荐文章于 2025-09-04 14:10:48 发布

阅读量182

点赞数 2

CC 4.0 BY-SA版权

分类专栏： HTML/XHTML/CSS编程入门与实践文章标签： frames HTML web development

本文链接：https://blog.youkuaiyun.com/css33/article/details/148663070

HTML/XHTML/CSS编程入门与实践专栏收录该内容

13 篇文章 ¥499.90

订阅专栏¥69.90

会员秒杀 ¥9.9 重磅福利

超级会员免费看

使用框架(Frames)进行网页布局

1. 引言

框架（Frames）是一种将浏览器窗口分割成多个独立部分的技术，每个部分可以加载和重新加载单独的XHTML页面，而无需重新加载整个浏览器窗口的内容。框架集（Frameset）是包含多个框架的集合。通过框架，我们可以创建复杂的页面布局，实现导航栏固定、内容动态加载等功能。然而，随着现代网页开发技术的发展，框架的使用逐渐减少，取而代之的是更灵活的AJAX、CSS Grid和Flexbox等技术。尽管如此，了解框架的工作原理仍然是非常有价值的。

2. 创建框架集文档

创建框架集文档的第一步是使用不同的DOCTYPE声明。框架集文档使用 <frameset> 元素代替 <body> 元素。以下是一个简单的框架集文档示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Frames example</title>
</head>
<frameset rows="150,*,100">
    <frame src="top_frame.html"/>
    <frame sr