一,框架的基本含义和基本构成
1,框架就是把一个浏览器窗口划分为若干个小窗口,每个窗口表示不同的“URL”页面。《URL:代表网址,是全球统一的资源符》使用框架可以非常方便的在浏览器中浏览不同的页面效果,也可以非常方便的完成导航工作。
2,所有的框架标记需要放在HTML中,HTML文档标签<body>被框架集标签<frameset>所取代,然后通过<frameset>的子窗口标签<frame>定义每一个子窗口和子窗口的页面属性。
所以当我们使用框架集标签<frameset>时,需要去掉HTML标签内的<body>标签
二,子窗口<frame>标签的设定
1,<frame>是单标签,<frame>标签要放在框架集frameset中,<frameset>设置几个子窗口,就必须对应几个<frame>标签,而且,每一个<frame>标签内还必须设定一个网页文件(src=" *.html ")frame标签内常用的属性如下:
src:提示加载的url文件的地址
bordercolor:设置边框的颜色
frameborder:指示是否需要边框,数字1,表示显示边框,2,表示不显示(不提倡用yes或者no来表示)
border:设置边框的粗细
name:设置提示边框的名称,是连接标记的target所需要的参数
noresize:提示不能调整窗口大小,不写此属性时,就可以调整(用于固定窗口)
scorlling:指示是否要滚动条,值为:auto(根据需要自动出现)yes(有),no(无)
marginwidth:设置内容与窗口左右的边缘的距离,默认为1
marginheight:设置内容与窗口上下边缘的边距,默认为1
width:设置橱窗的宽度及高度,默认为width=“100”,height=“100”
align:调整橱窗的位置:left 左边,right右边,top 上,middle中间,bottom下
三,框架集<frameset>控制
1,框架结构可以根据框架集标签<frameset>的分割属性分卫3种:
a,左右分割窗口
b,上下分割窗口
c,嵌套分割窗口
以下为frameset的属性:
cols:分割左右窗口的属性<宽度>,用%表示,“ * ”表示剩余部分
rows:分割上下窗口的属性<高度>,用%号表示,“ * ”表示剩余部分
《嵌套分割,就是利用cols,rows来配合运用》
border:设置边框粗细,默认5像素
bordercolor:设置边框颜色
farmeborder:指定是否显示边框,0代表不显示,1,代表显示边框
framespacing=“5”:表示边框与框架间保留空白的距离
noresize:设定框架不能调节,只要设定了前面的,后面的将继承
target:目标,在使用中指定目标,之后用name属性指定该目标
四,frameset的应用
《不能将body标签与frameset标签同时使用》
假如:添加包含的一段文本的<noframs>,就必须将这段文字嵌入body标签内。
<frameset cols="25%,50%,25%">
<frame src="/example/html/frame_a.html" />
<frame src="/example/html/frame_b.html" />
<frame src="/example/html/frame_c.html" />
<noframes>
<body>
<body>这是浏览器无法处理的框架!</body>
</body>
</noframes>
</frameset>
五,<noframes></noframes>标签
<noframes>标签,这对标签的作用是当浏览者使用的浏览器太旧,不支援框架这个功能时,浏览看到的将会是一片空白,为了避免这种情况,可以使用<noframes>这个标记,当使用的浏览器看不到框架时,就会看到<noframes>这是浏览器无法处理的框架!</noframes>之间的内容,而不是一片空白。
六,窗口的名称和连接
如果在窗口中要做连接,就必须对每一个子窗口命名,以便于被用于窗口间的链接,窗口命名要有一定的规则:名称必须是单个英文单词,允许使用下划线,但是不能使用“——”,“句点”和“空格”等,名称必须以字母开头,不能使用数字,还不能使用网页脚本中保留的关键字,在窗口的链接中还要用到一个新的属性“target”,用这个属性就可以将被链接的内容放置在想要放置的窗口内。
target:目标,在使用中指定目标,之后用name属性指定该目标
七,浮动窗口<iframe>
iframe:嵌入式标签,嵌入式标签显示的页面会在浏览器中嵌入
frameborder=“no”属性为去掉嵌入标签,在页面中显示不嵌入
<iframe src="03.html" width="300" height="300" frameborder="no"></iframe>
<h1>这是iframe嵌入式标签</h1>
src:显示的文件路径
name:此框窗名称,这是链接标记的target参数所要的
align:调节窗口的位置,值为:left左,raght右,top上,middle中间,bottom下
height:框窗的高
width:框窗的宽
marginwidth:该插入的文件与边框所保留的空间
marginheight:该插入的文件与边框所保留的空间
frameborder:使用1表示显示边框,0则不显示。(可以是yes或no)
scrolling:使用yes表示容许卷动(内定),no则表示不许卷动