<frame>
HTML <frame> 标签 - HTML5 不支持 实例 简单的三框架页面: <frameset cols='25%,50%,25%'> <frame src='frame_a.htm'> <frame src='frame_..>.....
HTML <frame> 标签 - HTML5 不支持
实例
<!DOCTYPE html> <html> <frameset cols="25%,*,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
浏览器支持
所有主流浏览器都支持 <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 事件。
如需完整的描述,请访问事件属性。
尝试一下 - 实例
水平框架
本例演示:如何使用三份不同的文档制作一个水平框架。
实例
<!DOCTYPE html> <html> <frameset rows="25%,*,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
混合结构框架
本例演示如何制作含有三份文档的框架结构,同时将他们混合置于行和列之中。
实例
<!DOCTYPE html> <html> <frameset rows="50%,50%"> <frame src="frame_a.htm"> <frameset cols="25%,75%"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </frameset> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例
含有 noresize="noresize" 属性的框架结构
本例演示 noresize 属性。在本例中,框架是不可调整尺寸的。在框架间的边框上拖动鼠标,您会发现边框是无法移动的。
实例
<!DOCTYPE html> <html> <frameset cols="50%,*,25%"> <frame src="frame_a.htm" noresize="noresize"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html>
运行实例 »
点击 "运行实例" 按钮查看在线实例