HTML FrameSet深入解析

"这篇资料详细介绍了HTML框架Frameset的相关知识，包括如何创建基本的FRAMESET，如何使用＜FRAMESET＞的＜rows＞和＜cols＞属性来定义网页布局，以及＜FRAME＞标记的使用，如src属性和name属性。资料来源于腾翼网交流论坛的一个HTML学习教程，由用户ShimingQiu于2005年12月30日分享。" HTML框架（Frame）是一种将网页内容分割成多个独立区域的技术，常用于构建复杂的网页布局。这种技术允许开发者在一个浏览器窗口中同时展示多个不同的网页或内容部分，提高用户体验，特别是对于那些需要导航和主要内容并存的网站。 ** FRAMESET 的基本结构 ** 一个包含框架的HTML页面主要由两部分组成：开始的＜HTML＞标签、＜HEAD＞标签和＜TITLE＞标签，以及一个没有＜BODY＞标签的＜FRAMESET＞。＜FRAMESET＞标签用来定义框架的布局，通过其属性＜rows＞和＜cols＞来指定框架的行和列。这两个属性可以接受像素值、百分比值以及星号(*)表示的动态分配空间。 例如： - cols="80,20%,*"：将窗口分割为三列，宽度分别为80像素、窗口宽度的20%和剩余空间。 - rows="25%,75%"：将窗口分割为两行，高度分别为窗口高度的25%和75%。 - rows="*,3*"：与上面的第二个例子相同，只是换了一种表达方式，第一行高度为第二行的1/3。 ** FRAME 的使用 ** 在＜FRAMESET＞和＜/FRAMESET＞之间，使用多个＜FRAME＞标签来定义每个分割区域的具体内容。每个＜FRAME＞标签的src属性指定了该框架加载的页面URL。name属性则用于为框架命名，方便在JavaScript或其他脚本中引用。 例如： ```html <FRAMESET cols="40%,60%" rows="2*,*"> <FRAME name="TopLeft" src="red.htm"> <FRAME name="TopRig" ... ``` 这里的"TopLeft"和"TopRig"是框架的名字，"red.htm"是"TopLeft"框架加载的页面。 ** 注意事项 ** 创建框架时需要注意避免递归问题，即一个框架不能包含加载自身所在框架集的页面。此外，虽然框架在早期Web开发中较为常见，但由于对搜索引擎优化(Seo)不友好，现代网页设计中已较少使用，更多倾向于使用CSS布局技术如Flexbox和Grid。 在实际应用中，开发者还应考虑用户的屏幕大小和设备类型，以确保框架布局在不同环境下都能良好地呈现。同时，提供非框架版本的网页链接也是对那些不支持框架或者选择禁用框架的用户的一种友好做法。