框架
- 多窗框的基本结构
- 嵌套多窗体设置
- 多框架与超链接
- 悬浮窗体的设置
在前面几章中,大家应该可以发现浏览器视窗本身就是一个框架,网页就是显示在该单一的框架内,本章将介绍另一种网页呈现的方式,那就是可将原先单一的框架分割成多个框架,且每个框架中可以分别显示出指定的网页,当然这种框架仍然是结构于单一的视窗中。
8.1 多窗框的基本结构(主页是框架页时,不能输入<body>,因为框架页是不可见页面,是让其他页面在其中显示的)
格式:
<frameset>
<frame>
<frame>
<frame>
</frameset>
功能说明:<frameset>用来设置多窗框结构的声明
<frameset>下的属性:
属性名称 属性值 说明
cols 像素 设置直排的多窗框环境
百分比 同上
rows 像素 设置横排的多窗框环境
百分比 同上
border 像素 边框的宽度
framespacing 像素 页面与页面的边距
属性格式:
<frameset cols="120,80,120">
<frameset cols="20%,40%,20%">
<frameset cols="40%,*,*">
<frameset rows="120,80,120">
<frameset rows="20%,40%,20%">
<frameset rows="20%,*,*">
<frame>下的属性:
属性名称 属性值 说明
src URL 链接的页面
noresize true 允许浏览器自行改变框架大小
false 不允许
scrolling yes 不管网页内容的大小,都出现滚动条
no 不管网页内容的大小,都不现滚动条
auto 浏览器自动判断,是否需要滚动条
marginheight 像素 设置垂直方向,窗体内容与边界的距离
marginwidth 像素 设置水平方向,窗体内容与边界的距离
frameborder 0\1 不出现框体边/出现窗体边线
属性格式:
<frame src="URL">
<frame noresize>
8.2 嵌套多窗体设置:
格式:
<frameset rows="20%,80%">
<frame src="URL">
<frameset cols="20%,80%">
<frame src="URL">
<frame src="URL">
</frameset>
</frameset>
8.3 多框架与超链接
框架式网站的好处就是在同一张页面可以显示多个页面,而且可以跟方便的进行链接。
相关属性说明:
<frame>的命名属性:
格式:<frame name="窗体名称">
<a>超链接 <a href="URL" target="窗体名称">
多窗体链接的属性:
属性名称 属性值 说明
target _blank 打开一个新建的页面
8.4 悬浮窗体的设置(不需要把<body>去掉,结合<table>使用)
格式:<iframe>…</iframe>
功能:设置悬浮窗框
属性名称 属性值 说明
height 像素/% 绝对/相对 高度
width 像素/% 绝对/相对 宽度
其余属性除了noresize外,其他都和frameset 一样.