HTML: <frame> 标签

由网友 大卫 发布 阅读 9

HTML: <frame> 标签

<frame> 是 HTML 元素,它定义了一个特定区域,另一个 HTML 文档可以在里面展示。帧应该在 <frameset> 中使用。 <frame> 的使用不应提倡,因为有一些缺点,比如性能问题,以及使用屏幕阅读器的用户缺少可访问性。比起 <frame>, <iframe> 更应该提倡。

在线示例

简单的三框架页面:

<!DOCTYPE html>
<html>
<frameset cols="25%,*,25%">
  <frame src="sun.html">
  <frame src="venus.html">
  <frame src="mercur.html">
</frameset>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

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

标签定义及使用说明

HTML5 不支持 <frame> 标签。

<frame> 标签定义  <frameset> 中的子窗口(框架)。

<frameset> 中的每个 <frame> 都可以设置不同的属性,比如 border、scrolling, noresize 等等。

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

HTML 4.01 与 HTML5之间的差异

HTML5 不支持 <frame> 标签,HTML 4.01 支持 <frame> 标签。

HTML 与 XHTML 之间的差异

在 HTML 中,<frame> 标签没有结束标签。在 XHTML 中,<frame> 标签必须被正确地关闭。

可选的属性

属性描述
frameborder0
 1
HTML5 不支持。规定是否显示框架周围的边框。
longdescURLHTML5 不支持。规定一个包含有关框架内容的长描述的页面。
marginheightpixelsHTML5 不支持。规定框架的上方和下方的边距。
marginwidthpixelsHTML5 不支持。规定框架的左侧和右侧的边距。
namenameHTML5 不支持。规定框架的名称。
noresizenoresizeHTML5 不支持。规定无法调整框架的大小。
scrollingyes
 no
 auto
HTML5 不支持。规定是否在框架中显示滚动条。
srcURLHTML5 不支持。规定在框架中显示的文档的 URL。

标准属性

在 HTML 4.01 中,<frame> 标签支持如下标准属性:

属性描述
classclassname规定元素的类名
idid规定元素的唯一 id
stylestyle_definition规定元素的行内样式
titletext规定元素的额外信息

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

事件属性

根据 W3C 的标准,在 HTML 4.01 中,<frame> 标签不支持任何的事件属性。

但是,所有的浏览器都支持 onload 事件。

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

尝试在线示例

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

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

含有 noresize="noresize" 属性的框架结构
本示例演示 noresize 属性。在本示例中,框架是不可调整尺寸的。在框架间的边框上拖动鼠标,您会发现边框是无法移动的。

HTML: <iframe> 标签 HTML: <footer> 标签