HTML中frameset框架的用法,一次性全弄懂!
一: <frameset>框架标记<FRAMESET>称框架标记,用以宣告HTML文件为框架模式,并设定视窗如何分割<FRAME>则只是设定某一个框窗内的参数属性<FRAMESET>参数设定:例如:<frameset row=“90,*” frameborder="0" border=“0" framespacing="2" bord...
·
<FRAMESET>
称框架标记,用以宣告HTML文件为框架模式,并设定视窗如何分割
<FRAME>
则只是设定某一个框窗内的参数属性
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面,简而言之,就是在一个窗口中显示多个页面。 每个页面称之为一个框架。并且每个框架独立于其他的框架。
使用框架的坏处:必须同时跟踪多个框架(网页或HTML文档),整个页面很难打印。
<FRAMESET>
参数设定:
例如:
<frameset row=“90,*” frameborder="0" border=“0" framespacing="2" bordercolor="#008800"></frameset>
- cols=“90,
*
”
垂直切割画面(如分左右两个画面),接受整数值、百分数,*
则代表占用的余下空间。数值的个数代表分成的视窗数目且以逗号分隔。例如:cols=“30,*
,50%"可以切成三个视窗,第一个视窗是30pixels的宽度,属于绝对分割;第二个视窗是当分配完第一个及第三个视窗后剩下的空间;第三个视窗则占整个画面50%的宽度,属于相对分割。可以自己调整数字。 - rows=“120,
*
”
就是横向切割,将画面上下分开,数值设定同上。唯cols与rows两参数尽量不要同在一个<FRAMESET>
标记中,因Netacape偶然不能显示这类形的框架,因此尽量采用多重分割。 - frameborder=“0”
设定框架的边框,其值只有0和1,0表示不要边框,1表示显示边框。 - border=“0"
设定框架的边框厚度,以pixels为单位。 - framespacing=“2”
表示框架与框架间的保留空白的距离。 - bordercolor="#008800"
设定框架的边框颜色。 <frameset>
标签定义一个框架集。
<frameset>
元素被用来组织一个或者多个<frame>
元素。每个<frame>
有各自独立的文档。
<frameset>
元素规定在框架集中存在多少列或多少行,以及每行每列占用的百分比/像素。
注释:如果您希望验证包含框架的页面,请确保<!DOCTYPE>
被设置为 “HTML Frameset DTD
” 或者 “XHTML Frameset DTD
” 。- 代码块:
<frameset cols="25%,50%,25%">
<frame src="frame_a.html" />
<frame src="frame_b.html" />
<frame src="frame_c.html" />
</frameset>
备注:在使用frameset标签的时候,为了有效,不使用body标签,一般都把body标签删除。
- 将整个页面先分为两行,上边占据20%,下边占据80%,下边在分为两列,左边占据20%,右边占据80%,当点击左边的时候右边能够进行页面的加载,例如:
<!--将窗口分为两个框架,两行(上下),上遍占据20-->
<frameset rows="20%,*">
<frame src="top.html" />
<frameset cols="20%,*">
<frame src="left.html" />
<!--注意此处是name属性的设置-->
<frame name="right" />
</frameset>
</frameset>
<!--在left.html中,某一个具体的超链接的设置,target属性的设置-->
< a href=" " target="right">点击后right.html在rignt(name)的框架中进行展示</ a>
框架结构标签的使用比较多的是管理员进行后台管理的时候,通常使用框架架构标签的方式进行页面布局,还有就是测试的时候,需要测试什么页面,就在框架中加载具体页面。
开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!
更多推荐
已为社区贡献8条内容
所有评论(0)