w3schools
  
首页 HTML CSS XML JAVASCRIPT ASP PHP SQL 更多...   参考手册 示例 论坛 关于我们

HTML参考手册

标签列表(按字母)
标签列表(按功能)
HTML 属性
HTML 事件
HTML 有效DTD
HTML 颜色名
HTML 取色器
HTML 混色器
HTML 字符集
HTML ASCII
HTML ISO-8859-1
HTML 符号
HTML URL编码
HTML 语言代码
HTTP 状态代码

HTML标签

<!-->
<!DOCTYPE>
<a>
<abbr>
<acronym>
<address>
<applet>
<area>
<b>
<base>
<basefont>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<dd>
<del>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<fieldset>
<font>
<form>
<frame>
<frameset>
<head>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<menu>
<meta>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<p>
<param>
<pre>
<q>
<s>
<samp>
<script>
<select>
<small>
<span>
<strike>
<strong>
<style>
<sub>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<title>
<tr>
<tt>
<u>
<ul>
<var>

中文站负责人

W3China.org
徐涵 (Han Xu)

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>.