codecamp

HTML <frame> 标签

以下使用<frame> 标签的具体实例,让我们一起来学习一下吧,值得一提的是HTML5不支持<frame> 标签。

实例

简单的三框架页面:

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

尝试一下 »
(更多实例见页面底部)

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 <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> 标签必须被正确地关闭。


可选的属性

属性 描述
frameborder 0
1
HTML5 不支持。规定是否显示框架周围的边框。
longdesc URL HTML5 不支持。规定一个包含有关框架内容的长描述的页面。
marginheight pixels HTML5 不支持。规定框架的上方和下方的边距。
marginwidth pixels HTML5 不支持。规定框架的左侧和右侧的边距。
name name HTML5 不支持。规定框架的名称。
noresize noresize HTML5 不支持。规定无法调整框架的大小。
scrolling yes
no
auto
HTML5 不支持。规定是否在框架中显示滚动条。
src URL HTML5 不支持。规定在框架中显示的文档的 URL。


标准属性

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

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

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


事件属性

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

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

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


Examples

尝试一下 - 实例

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

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

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


HTML <form> 标签
HTML <frameset> 标签
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

HTML标签

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }