文档介绍:为什么使用框架
a) 在同一个浏览器窗口显示多个页面
b) 实现页面复用
c) 实现典型的“目录结构”
框架的两类用途:
显示多窗口页面…使用<frameset>框架集
页面复用一使用<iframe/>内嵌框架
<frames为什么使用框架
a) 在同一个浏览器窗口显示多个页面
b) 实现页面复用
c) 实现典型的“目录结构”
框架的两类用途:
显示多窗口页面…使用<frameset>框架集
页面复用一使用<iframe/>内嵌框架
<frameset>框架集的基本结构
a) 创建框架网页的步骤:
创建各子窗口对应的HTML文件
创建整个框架页面文件,引用子窗口文件
b) 框架页面的基本语法
<framesetcols=n25%,50%,*n或(rows ="50%,*") border=n5n>
<frame src= frameborder=9,yesMn>
</frameset>
c) 纵向分割窗口
<frameset bordercolor=n red * * rows=n 25 % ,50 % ,* n border=H5n> <frame src=1 * subframe/ * * name=* * top * * /> <frame src=1 * * * name=''middle" /> <frame src=* * subframe/the_thir * * name=nbottomn /> </frameset> <noframes>
<body>如浏览器不支持框架,才显示body内的内容</body> </noframes>
框架和body不能共存
为了兼容性,可以使用vnoframes>标签
d) 横向分割窗口
<frameset cols=n200,*,200n border=n5n bordercolor=n#FF0000n> <frame name=1 * leftFrame1 * src=n subframe/ * * /> <frame name= * * mainFrame * * src=1 * subframe/ * * /> <frame name= * * rightFrame1 * src=* * * * /> </frameset>
框架实现多窗口页面
a)典型的2行2列结构
<frameset rows=n20%,*n frameborder=nOn>
<frame src=* * subframe/ * * name=1 * topframe * * scrolling=nnon noresize=* * noresize * * /> <frameset cols=n20%,*n>
<frame src=n subfr ame/ * * name='' leftframe nscrolling=nnon noresize= nnoresize** />
<frame sr