HTML <frameset> 标签

标签定义及使用说明

HTML5 不支持 <frameset> 标签。

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

<frameset> 元素被用来组织一个或者多个 <frame> 元素。每个 <frame> 有各自独立的文档。

<frameset> 元素规定在框架集中存在多少列或多少行,以及每行每列占用的百分比/像素。

注释:如果您希望验证包含框架的页面,请确保 <!DOCTYPE> 被设置为 "HTML Frameset DTD" 或者 "XHTML Frameset DTD" 。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

<frameset> 标签可选的属性

属性 描述
cols pixels
%
*
定义框架集中列的数目和尺寸。有关 cols 属性的详细信息。
rows pixels
%
*
定义框架集中行的数目和尺寸。有关 rows 属性的详细信息。

标准属性

属性 描述
class classname 规定元素的类名
id id 规定元素的唯一 id
style style_definition 规定元素的行内样式
title text 规定元素的额外信息

如需完整的描述,请访问标准属性

事件属性

属性 描述
onload script 当文档被载入时执行脚本
onunload script 当文档被卸下时执行脚本

如需完整的描述,请访问事件属性

实例

简单的三框架页面:

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>HTML frame 标签 xinbiancheng.cn</title>
</head>
<frameset cols="25%,*,25%">
  <frame src="../demo/frame_a.htm">
  <frame src="../demo/frame_b.htm">
  <frame src="../demo/frame_c.htm">
</frameset>
</html>

尝试一下

更多实例 

例:如何使用三份不同的文档制作一个水平框架。

<!DOCTYPE html>
<html>

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

</html>

尝试一下

例:如何制作含有三份文档的框架结构,同时将他们混合置于行和列之中。

<!DOCTYPE html>
<html>

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

</html>

尝试一下

例:含noresize 属性的框架是不可调整尺寸的。在框架间的边框上拖动鼠标,您会发现边框是无法移动的。

<!DOCTYPE html>
<html>

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

</html>

尝试一下

相关文章

HTML DOM 参考手册: Frameset 对象