购物车
登陆 / 注册
微信扫码登陆

推荐手册

HTML 教程手册(新) >> HTML标签
其他教程参考

框架集<frameset>

框架集<frameset>
HTML 框架集标签<frameset>定义一个框架集;<frameset> 元素被用来组织一个或者多个 <frame> 元素,每个 <frame> 有各自独立的文档。
灭绝小师太 灭绝小师太 更新时间:2019-04-19 17:49:03

HTML <frameset> 标签 - HTML5 不支持


标签定义及使用说明

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> 标签支持如下标准属性:

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

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


事件属性

在 HTML 4.01 中,<frameset> 标签支持如下事件属性:

属性描述
onloadscript当文档被载入时执行脚本
onunloadscript当文档被卸下时执行脚本

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


简单的三框架页面:

实例

<!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>

运行实例 »

点击 "运行实例" 按钮查看在线实例

网站导航
标签地图
学习路径
视频教程
开发软件
旗下子站
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ官方交流群
微信公众号
微信公众号