HTML frameset与frame属性深度解析

需积分: 10 61 浏览量更新于2024-09-16 收藏 34KB DOC 举报

"frameset元素属性详解" frameset元素在HTML中用于创建多窗口或框架布局，它允许在一个页面中同时展示多个独立的网页内容。frameset是frame元素的容器，通过定义cols和rows属性来划分页面空间。这种技术在早期的网页设计中常见，用于实现如导航栏和主要内容区域的分离。 ### frameset元素属性 1. **cols** - 这个属性用于定义frame在水平方向上的分布，可以是百分比或固定的像素值。例如，`cols="20%,200,*"`表示将页面分为三列，第一列占据20%的宽度，第二列固定为200像素，第三列占据剩余的空间。 2. **rows** - 类似地，rows属性用于定义frame在垂直方向上的分布。例如，`rows="30%,*"`表示将页面分为两行，第一行占30%的高度，第二行占据剩余的空间。 ### frame元素属性 1. **name** - 这个属性是必需的，用于标识frame，使得其他链接或表单可以引用它。例如，`<frame name="navFrame">`。 2. **scrolling** - 可选属性，用于控制frame内是否显示滚动条。可以设置为"yes"（显示滚动条）、"no"（不显示滚动条）或"auto"（根据需要自动显示滚动条）。 3. **noresize** - 如果设置为"no"，用户将无法调整frame的大小。默认情况下，用户可以拖动边框改变frame尺寸。 4. **marginHeight** 和 **marginWidth** - 这两个属性定义frame边框内外的空白区域高度和宽度，以像素为单位。 5. **frameborder** - 控制frame边框的可见性，"yes"显示边框，"no"不显示。在现代浏览器中，通常设置为"0"以获得无边框效果。 ### 示例与使用在实际应用中，frameset和frame的组合使用如下： ```html <html> <head><title>frameset使用示例</title></head> <frameset cols="20%,*"> <frame src="leftnav.html" name="navFrame"> <frame src="maincontent.html" name="contentFrame"> </frameset> </html> ``` 在这个例子中，页面被分为两部分，左侧的frame（navFrame）加载"leftnav.html"，右侧的frame（contentFrame）加载"maincontent.html"。左侧frame占据了浏览器宽度的20%，右侧frame占据剩余的80%。需要注意的是，由于frameset可能导致SEO问题（搜索引擎可能难以爬取和索引内容）以及对移动设备的支持不足，现代网页设计更倾向于使用CSS布局技术如Flexbox或Grid来实现类似的多区域布局。尽管如此，理解frameset对于处理旧项目或了解Web发展历史仍然很有价值。

frame 作为 html 语言中的一部分，在网页制作中占据着重要的地位。大家看

到很多网页上都好像 windows 下的资源管理器一样，在左边点击相应的链接，

右边就会有相应的网页显示。就如我们进入邮箱的时候一样。这些都是使用

frame 的结果。

下面我来给大家介绍 frame 的具体使用方法。

使用 frame 必须首先用 frameset 来定义，可以说 frameset 就是 frame 的一

个“统治者”。在 html 文档中，可以有 frameset 元素或者 body 元素，但是绝

对不能同时使用这两种元素。

frameset 元素的使用：

(1) <html>

(2) <head><title>frameset 元素的使用</title></head>

(3) <frameset>

(4) <frame>

(5) <frame>

(6) </frameset>

(7) </html>

当然了，这个 html 文档在浏览器上什么也显示不出来。只是告诉大家最基本

的 frameset 及 frame 的使用方法。

frameset 是确定网页分框的定义，其属性 rols 及 rows、border 将在下面给

大家介绍。

frame 是 frameset 定义的每个“网页分框”的定义，其属性 name、scrolling

及 noresize、marginHeight 及 marginWidth、frameborder 也将在下面

给大家介绍。

frameset 元素的 cols 及 rows 属性

属性说明：cols 及 rows 的作用是设置 frame 的宽度及高度

下载后可阅读完整内容，剩余7页未读，立即下载

天上掉下个蓝妹妹

粉丝: 24
资源: 13

HTML frameset与frame属性深度解析

Frameset_详解

frameset 框架的用法

HTML frameset元素属性与frame详解

HTML <frameset> 标签属性详解

HTML Frameset基础示例与属性详解

HTML框架frameset与frame详解

HTML5基础教程：<frameset>标签详解

frame及frameset标签的属性

HTML Frameset基础示例：简易框架结构与属性详解

HTML框架集<frameset>详解与应用

最新资源