许多网站都设有导航栏，点击其中的选项时，页面不会整体刷新或跳转，仅部分内容区域更新，而导航栏保持不变。所示，点击红色标注的导航项后，只有蓝色区域内容发生变化，其余部分包括导航栏均维持原状，实现局部动态加载，提升浏览体验。
1、 新建一个文件夹，随意创建几个txt文件，初学者用txt编写html代码是个不错的习惯。
2、 在每个txt文件中添加标准规范代码，具体可参照下方示例。
3、 页面可按行或列分割，多数网站采用嵌套方式结合使用。所示代码，展示了行列混合布局的实际效果。
4、 页面采用框架结构布局，整体分为上下两部分，上方占屏幕高度的10%，用于显示包含Logo的顶部导航栏，该区域内容固定不可调整，支持滚动。主区域位于下方，占据剩余大部分空间，并进一步划分为左右两个垂直板块。左侧区域宽度约占整体宽度的20%，用于展示二级导航菜单，内容稳定且禁止用户调整大小；右侧为主要内容展示区，占据剩余宽度，负责动态加载并呈现具体页面内容，支持局部刷新功能，确保在不重新加载整个页面的前提下更新信息。各框架之间无缝衔接，边框间距设置为10像素，整体框架无边线显示，提升视觉整洁度与用户体验。通过这种结构，实现导航与内容的分离管理，便于操作与维护。
5、 进行页面分割时，可选用像素或百分比作为单位，各区域间需用逗号分隔。例如和均表示将网页分为上下两部分，前者首行高75像素，后者首行占总高度的一半，剩余空间由第二部分填充，实现灵活布局。
6、 一个无滚动条、不可调整大小且无边框的框架，高度设定为75像素，其源文件指向导航页.html，并命名为daohangye，用于在网页中嵌入独立的导航内容区域，实现页面局部更新与模块化布局功能。
7、 包含导航页面的框架，采用无边框设计，类名为a，名称为contain，通过src属性加载指定内容，用于在网页中嵌入其他HTML文档。
8、 从上述代码可以看出，页面中并未使用body标签，因为frame必须嵌套在frameset中使用，不能单独存在，也不允许置于body内部。frameset用于整体页面的区域划分。常用属性包括：scrolling用于控制框架是否显示滚动条，noresize决定框架尺寸能否调整，name则为框架命名，以便通过target指向该名称实现页面跳转。本示例利用这一机制，将导航页与主内容页分离，点击导航链接时仅刷新主内容区域，达到局部更新页面的效果，提升浏览体验。
9、 首页导航
10、 链接指向子网页1.html，在指定框架中打开，显示为子网页1的可点击菜单项。
11、 链接指向子网页2.html，在指定框架中打开，显示为子网页2的可点击菜单项。
12、 首页
13、 包含默认导航页面的框架，源地址为导航页.html，具备无边框特性，名称为contain，用于在指定区域加载并显示设定的初始网页内容。
14、 当主页中name与target的值匹配时，链接内容会在指定框内显示，实现局部刷新，达到导航效果。
15、 将所有创建的txt文件另存为.html格式，双击打开主页面并查看变化，点击页面上的导航栏目，可观察到下方内容随之刷新更新。
