来源:www.cncfan.com | 2006-1-21 | (有3153人读过)
使用框架,可以在一个浏览器窗口中显示不止一个页面。
--------------------------------------------------------------------------------
示例
垂直分栏:
<html> <frameset cols="25%,50%,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html>
这个例子说明了如何创建一个有三个页面的垂直分栏。
水平分栏:
<html> <frameset rows="25%,50%,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </html>
这个例子说明了如何创建一个有三个页面的水平分栏。
如何使用<noframes>标签:
<html> <frameset cols="25%,50%,25%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> <noframes> <body>Your browser does not handle frames!</body> </noframes> </frameset> </html>
这个例子说明了如何使用<noframes>标签。
在这个页面的底部,还有更多例子。
--------------------------------------------------------------------------------
框架
使用框架,可以在一个浏览器窗口中显示不止一个HTML文档。这样的HTML文档被称为框架页面,它们是相互独立的。
使用框架的不利因素有:
网站开发者需要关心更多HTML文档的情况。 打印整个页面变得困难。
--------------------------------------------------------------------------------
frameset标签
<frameset>标签定义了如何将窗口拆分成框架。 每个frameset标签定义了一组行和列。 行/列的值指明了每个行/列在屏幕上所占的大小。
--------------------------------------------------------------------------------
frame标签
<frame>标签定义了每个框架中放入什么文件。 下面这个例子中,有一个两列的分栏。第一个被设置成窗口宽度的25%,第二个被设置成窗口宽度的75%。页面“frame_a.htm”被放在第一个分栏中,“frame_b.htm”被放在第二个分栏中。
<frameset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset>
--------------------------------------------------------------------------------
基本注意点——有用的技巧
假如一个框架有可见边框,用户可以拖动边框来改变它的大小。如果不想让用户改变大小,可以在<frame>标签中加入:noresize="noresize"。
给不支持框架的浏览器写上<noframes>标签。
--------------------------------------------------------------------------------
更多示例:
混合框架:
<html> <frameset rows="50%,50%"> <frame src="frame_a.htm"> <frameset cols="25%,75%"> <frame src="frame_b.htm"> <frame src="frame_c.htm"> </frameset> </frameset> </html>
这个例子说明了怎样把三个页面以行列混合的方式放在框架中。
使用了noresize="noresize"的框架:
<html> <frameset rows="50%,50%"> <frame noresize="noresize" src="frame_a.htm"> <frameset cols="25%,75%"> <frame noresize="noresize" src="frame_b.htm"> <frame noresize="noresize" src="frame_c.htm"> </frameset> </frameset> </html>
这个例子说明了noresize属性。这个框架是不可改变大小的,把鼠标移动到框架边界上,你会发现无法调整大小。
导航框架:
<html> <frameset cols="120,*"> <frame src="frame_link.htm"> <frame src="frame_a.htm" name="showframe"> </frameset> </html>
这个例子说明了如何创建一个导航框架。导航框架包含了一系列链接,它们的目标页面在第二个框架中。文件“frame_links.htm”包含了三个链接,链接的代码如下:
<a href ="frame_a.htm" target ="showframe">Frame a</a> <a href ="frame_b.htm" target ="showframe">Frame b</a> <a href ="frame_c.htm" target ="showframe">Frame c</a>
第二个框架将显示链接到的页面。
内联框架:
<html> <body> <iframe src="intro.htm"></iframe> <p>Some older browsers don't support iframes.</p> <p>If they don't, the iframe will not be visible.</p> </body> </html>
这个例子说明了如何创建一个内联框架(包含在HTML页面里的框架)。
在框架内跳转到指定章节:
<html> <frameset cols="30%,70%"> <frame src="frame_a.htm"> <frame src="frame_section.htm#C10"> </frameset> </html>
这个例子显示了两个框架页。其中一个的源是一个文件的指定章节,该章节在文件“frame_section.htm”中使用代码<a name="C10">指定。
使用导航框架跳转到指定章节:
<html> <frameset cols="200,*"> <frame src="frame_linksection.htm"> <frame src="frame_section.htm" name="showframe"> </frameset> </html>
这个例子显示了两个框架页。左边的导航框架包含了一系列以第二个框架为目标的链接(“frame_linksection.htm”),第二个框架显示链接文件(“frame_section.htm”)。导航框架中的一个链接指向目标文件中的指定章节。文件“frame_link”中的HTML代码是像这样的:
<a href ="frame_section" target ="showframe">没有命名锚的链接</a> <a href ="frame_section#C10" target ="showframe">有命名锚的链接</a>
|