HTML -- FrameSet使用

HTML frameset 标签


frameset中rows与cols取值方法
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">
  • 引用网址:http://www.dreamdu.com/xhtml/tag_frameset/
  • 属性:
    • Common -- 一般属性
    • cols -- 定义了框架含有多少列与列的大小(每个值使用逗号分隔),取值为象素px或者百分比%
    • rows -- 定义了框架含有多少行与行的大小(每个值使用逗号分隔),取值为象素px或者百分比%
    • border -- 定义frame定义的框架页的边框(单位像素),使用css实现
    • frameborder -- 定义框架页是否边框(此属性应写在frame标签内部,不应在此出现)
    • framespacing -- 定义框架页之间间隔的距离,使用css实现

当一个框架只有一行或一列时,那么它们对应的数值都是100%.

一个确定的值(单位像素)

例如:50

定义了上行,中行与下行,并且它们各占50px?

<framesetrows="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*">

你可能感兴趣的:(HTML -- FrameSet使用)