HTML系列之七－框架

wangjh422

于 2008-03-15 14:45:00 发布

阅读量550

点赞数

分类专栏： HTML 文章标签： html 框架浏览器 iframe 文档 browser

HTML 专栏收录该内容

18 篇文章

订阅专栏

HTML框架

使用框架，可以在一个浏览器窗口中显示不止一个页面。

示例

垂直分栏：

这个例子说明了如何创建一个有三个页面的垂直分栏。

水平分栏：

这个例子说明了如何创建一个有三个页面的水平分栏。

如何使用<noframes>标签：

这个例子说明了如何使用<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>标签。

更多示例：

混合框架：

这个例子说明了怎样把三个页面以行列混合的方式放在框架中。

使用了noresize="noresize"的框架：

这个例子说明了noresize属性。这个框架是不可改变大小的，把鼠标移动到框架边界上，你会发现无法调整大小。

导航框架：

这个例子说明了如何创建一个导航框架。导航框架包含了一系列链接，它们的目标页面在第二个框架中。文件“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页面里的框架）。

在框架内跳转到指定章节：

这个例子显示了两个框架页。其中一个的源是一个文件的指定章节，该章节在文件“frame_section.htm”中使用代码<a name="C10">指定。

使用导航框架跳转到指定章节：

这个例子显示了两个框架页。左边的导航框架包含了一系列以第二个框架为目标的链接（“frame_linksection.htm”），第二个框架显示链接文件（“frame_section.htm”）。导航框架中的一个链接指向目标文件中的指定章节。文件“frame_link”中的HTML代码是像这样的：

<a href ="frame_section" target ="showframe">没有命名锚的链接</a>
<a href ="frame_section#C10" target ="showframe">有命名锚的链接</a>

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。