- HTML中文网
- 联系QQ：88526
- QQ交流群
- 微信公众号
灭绝小师太
更新时间：2019-04-19 17:49:03
标签定义及使用说明
HTML5 不支持 <frameset> 标签。
<frameset> 标签定义一个框架集。
<frameset> 元素被用来组织一个或者多个 <frame> 元素。每个 <frame> 有各自独立的文档。
<frameset> 元素规定在框架集中存在多少列或多少行，以及每行每列占用的百分比/像素。
注释：如果您希望验证包含框架的页面，请确保 <!DOCTYPE> 被设置为 "HTML Frameset DTD" 或者 "XHTML Frameset DTD" 。
浏览器支持
所有主流浏览器都支持 <frameset> 标签。
HTML 与 XHTML 之间的差异
无。
可选的属性
| 属性 | 值 | 描述 |
|---|---|---|
| cols | pixels % * | HTML5 不支持。规定框架集中列的数目和尺寸。 |
| rows | pixels % * | HTML5 不支持。规定框架集中行的数目和尺寸。 |
标准属性
在 HTML 4.01 中，<frameset> 标签支持如下标准属性：
| 属性 | 值 | 描述 |
|---|---|---|
| class | classname | 规定元素的类名 |
| id | id | 规定元素的唯一 id |
| style | style_definition | 规定元素的行内样式 |
| title | text | 规定元素的额外信息 |
如需完整的描述，请访问标准属性。
事件属性
在 HTML 4.01 中，<frameset> 标签支持如下事件属性：
| 属性 | 值 | 描述 |
|---|---|---|
| onload | script | 当文档被载入时执行脚本 |
| onunload | script | 当文档被卸下时执行脚本 |
如需完整的描述，请访问事件属性。
简单的三框架页面：
<!DOCTYPE html> <html> <frameset cols="25%,*,25%"> <frame src="https://public.xp.cn/down/course_demo/html/frame_tabs/frame_a.htm"> <frame src="https://public.xp.cn/down/course_demo/html/frame_tabs/frame_b.htm"> <frame src="https://public.xp.cn/down/course_demo/html/frame_tabs/frame_c.htm"> </frameset> </html>
点击 "运行实例" 按钮查看在线实例
水平框架
本例演示：如何使用三份不同的文档制作一个水平框架。
<!DOCTYPE html> <html> <frameset rows="25%,*,25%"> <frame src="https://public.xp.cn/down/course_demo/html/frame_tabs/frame_a.htm"> <frame src="https://public.xp.cn/down/course_demo/html/frame_tabs/frame_b.htm"> <frame src="https://public.xp.cn/down/course_demo/html/frame_tabs/frame_c.htm"> </frameset> </html>
点击 "运行实例" 按钮查看在线实例
混合结构框架
本例演示如何制作含有三份文档的框架结构，同时将他们混合置于行和列之中。
<!DOCTYPE html> <html> <frameset rows="50%,50%"> <frame src="https://public.xp.cn/down/course_demo/html/frame_tabs/frame_a.htm"> <frameset cols="25%,75%"> <frame src="https://public.xp.cn/down/course_demo/html/frame_tabs/frame_b.htm"> <frame src="https://public.xp.cn/down/course_demo/html/frame_tabs/frame_c.htm"> </frameset> </frameset> </html>
点击 "运行实例" 按钮查看在线实例
含有 noresize="noresize" 属性的框架结构
本例演示 noresize 属性。在本例中，框架是不可调整尺寸的。在框架间的边框上拖动鼠标，您会发现边框是无法移动的。
<!DOCTYPE html> <html> <frameset cols="50%,*,25%"> <frame src="https://public.xp.cn/down/course_demo/html/frame_tabs/frame_a.htm" noresize="noresize"> <frame src="https://public.xp.cn/down/course_demo/html/frame_tabs/frame_b.htm"> <frame src="https://public.xp.cn/down/course_demo/html/frame_tabs/frame_c.htm"> </frameset> </html>
点击 "运行实例" 按钮查看在线实例
推荐手册