HTML <frameset> 标签

示例

一个包含三个框架的页面:

<html>

<frameset cols="25%,*,25%">
  <frame src="frame_a.htm" />
  <frame src="frame_b.htm" />
  <frame src="frame_c.htm" />
</frameset>

</html>

试一个 »
(本页底部提供了更多示例)

定义及用法

<frameset>标签用于定义一个框架集。

<frameset>元素可以包含两个或更多的<frame>元素。每一个<frame>元素都独立加载一个文档。

<frameset>元素只是描述框架集将页面划分为几行几列。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流浏览器均支持<frameset>标签。


HTML和XHTML之间的差异


提示和注意

注意:为了让包含框架的页面符合W3C标准,需将文档类型设为“Frameset DTD”。请参阅更多关于文档类型的信息。

要点:<body>元素与<frameset>元素是不能同时使用的。不过,假如你为不支持框架的浏览器定义了<noframes>的话,那么在<noframes>元素里,你需要将内容放在<body></body>标签之间。


可选属性

DTD栏表明哪种文档类型支持此属性。 S=Strict,T=Transitional,F=Frameset。

属性 描述 DTD
cols 像素
%
*
指定框架集中列的数目及各自宽度 F
rows 像素
%
*
指定框架集中行的数目及各自高度 F


核心属性

<frameset>标签支持以下核心属性:

属性 描述 DTD
class 类名 指明元素的类名 F
id id 指明元素的唯一id F
style 样式定义 指定元素的内嵌样式 F
title 文本 指定元素的提示文本 F

更多关于核心属性的信息。


事件属性

<frameset>标签支持以下事件属性:

属性 描述 DTD
onload 脚本 在文档或框架加载完毕时执行脚本 F
onunload 脚本 在卸载文档或框架时执行脚本 F

更多关于事件属性的信息。


示例

试一个——示例

水平框架集
本例演示了如何创建一个包含三个不同文档的水平框架集。

混合框架集
本例演示了如何创建包含三个文档的框架集,并将它们按行和列混合置放。

如何使用<noframes>标签
本例演示了如何使用<noframes>标签。

具有noresize="noresize"属性的框架集
本例演示了noresize属性的运用。本例中的框架是不可调整大小的。如果你移动鼠标光标至两个框架之间的边框上,你会发现边框是无法移动的。

导航框架
本例演示了如何制作导航框架。导航框架(navigation frame)里包含有一组链接,这些链接将在第二个框架中载入页面。文件名为“tryhtml_contents.htm”的文档中包含3个链接,这三个链接对应的源代码为:
<a href ="frame_a.htm" target ="showframe">框架A</a><br>
<a href ="frame_b.htm" target ="showframe">框架B</a><br>
<a href ="frame_c.htm" target ="showframe">框架C</a>
被选择的文档将在第二个框架中被载入。

框架在载入页面时跳到指定位置
本例有两个框架,其中一个框架将在载入页面时直接跳到页面里的指定位置。在文档“link.htm”中,需要在指定位置处定义<a name="C10">。

用导航框架跳到指定位置
本例有两个框架,左侧的导航框架(content.htm)里包含一组链接,这些链接将在右侧框架(link.htm)中载入页面。右侧框架用于显示被选择的文档。在导航框架里,有一个链接被链接到目标文件中的指定位置。在“content.htm”里,这部分源代码是这样的:<a href ="link.htm" target ="showframe">不带锚的链接</a><br><a href ="link.htm#C10" target ="showframe">带有锚的链接</a>.

粤ICP备11097351号-1