HTML <frame>标签

示例

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

<html>

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

</html>

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

定义及用法

<frame>标签用于在框架集(frameset)里定义一个窗格(框架)。

每一个窗格(框架)都可以具有不同的属性,比如边框、滚动条、可否调整大小等。


浏览器支持

Internet Explorer Firefox Opera Google Chrome Safari

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


HTML和XHTML之间的差异

在HTML中,<frame>元素不需要结束标签。

但XHTML中,<frame>元素必须正确关闭。


提示和注意

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

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


可选属性

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

属性 描述 DTD
frameborder 0
1
指定是否在框架四周显示边框 F
longdesc URL 指定一个页面的URL,该页面中包含关于框架内容的详细描述 F
marginheight 像素 指定框架的上下边距 F
marginwidth 像素 指定框架的左右边距 F
name 名称 指定框架元素的名称 F
noresize noresize 规定框架是不能调整大小的 F
scrolling yes
no
auto
指定是否为框架显示滚动条 F
src URL 指定在框架中加载的文档URL F


核心属性

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

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

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


事件属性

<frame>标签不支持任何事件属性。

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


示例

试一个——示例

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

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

如何使用<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