20.1. HTML frameset 标签
frameset 标签 -- 代替body标签定义了框架页,并且定义了框架将分为多少行与多少列
- frameset标签是成对出现的,以
<frameset>
开始,</frameset>
结束 - 在框架页中frameset代替了body标签,因此框架页中不能包含body
- 使用框架时应该声明支持框架的文档类型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
- 属性:
- Common -- 一般属性
cols
-- 定义了框架含有多少列与列的大小(每个值使用逗号分隔),取值为象素px或者百分比%rows
-- 定义了框架含有多少行与行的大小(每个值使用逗号分隔),取值为象素px或者百分比%- border -- 定义frame定义的框架页的边框(单位像素),使用css实现
- frameborder -- 定义框架页是否边框(此属性应写在frame标签内部,不应在此出现)
- framespacing -- 定义框架页之间间隔的距离,使用css实现
frameset中rows与cols取值方法
当一个框架只有一行或一列时,那么它们对应的数值都是100%.
一个确定的值(单位像素)
例如:50
定义了上行,中行与下行,并且它们各占50px?
<frameset
rows
=
"50, 50, 50"
>
上面的解释是错误的,通过下面的示例我们会发现浏览器被三(平均)分了,所以要定义三行各占50像素应<frameset rows="50, 50, 50, *">
这样定义。
一个相对于浏览器窗口的百分比的值
例如:50%
定义了上行与下行,并且它们各占页面的50%
<frameset
rows
=
"50%, 50%"
>
使用星号(剩余的窗体)
例如:*
定义了上行为50像素,下行占除了50像素的剩余窗体
<frameset
rows
=
"50, *"
>
使用相对百分比定义
例如:1*
定义了上行为窗体高度的25%,下行为窗体高度的75%
<frameset
rows
=
"1*, 3*"
>
更加复杂的示例
定义了水平的前,中,后列,中列为250px象素,前列与后列分别占剩余的25%与75%
<frameset
cols
=
"1*,250,3*"
>
定义了一个2行*3列的框架
<frameset
rows
=
"30%,70%"
cols
=
"33%,34%,33%"
>
下面这个例子我们假设页面高1000px,第一行的30%为300px,中上行为400px,剩下的300px被下面两个分配,"2*"是两倍的意思,"*"等价与"1*",所以中下行为100px,下行为200px
<frameset
rows
=
"30%,400,*,2*"
>