HTML - 框架

框架用于在一个窗口里显示一个以上的HTML文档。这意味着你将会拥有一个无内容,将会让必须得显示网页的浏览器拥有一个提示规则。从PHP和CSS被介绍以来,这技术已被很少地用到。

HTML - 框架, 信赖的网页

通常地,框架是一部分用于显示一个菜单而另一部分用于显示其内容。当有人从菜单点击一个链接时另一个网页将在内容部分里被打开。

我们将使用如下代码例证这一点:

html<html>
	<head></head>

	<frameset cols="30%,*">
		<frame src="menu.html">
		<frame src="content.html">
	</frameset>

</html>
  • frameset - 此标签制定其框架的特征, 个别的框架将被定义在它的范围内。
  • frameset cols="#%, *" - "Cols"制定每个框架得具有的高度。在以前的例子里我们制定了将占用30%显示区域的第一个框架,以及我们用了 " * " 符号指定在剩余的网页里剩下的浏览器将显示其内容。
  • frame src="" - 将被显示为菜单和内容之文件的地址。

HTML - 框架 - 添加一个旗帜或标题

使用如下代码:

html<html>
	<head></head>
	
	<frameset rows="20%,*">
		<frame src="title.html">
		<frameset cols="30%,*">
			<frame src="menu.html">
			<frame src="content.html">
		</frameset>
	</frameset>
</html>

frameset rows="#%, *" - "rows" 制定将会被显示的每一个框架的高度。在以前的例子里我们选择了第一个框架它将会是20%而且留下来的剩余空白将会分为menu.html与content.html里

HTML - 框架 - 边界和空白

你必须得注意到框架之间有一些灰色行而大部分是没必要的。察掉它们可以使用框架边界和框架空白标签。这些属性将在框组标签会介绍的。

**注: 框组与框架边界是同样的属性。一些浏览器不能识别这两个,但它们是一个。从而言之,我们通知更安全地使用这两个。

  • frameborder"#" - 此0值意味着没有边界
  • border="#" - 修改边界的厚度(以使用Netscape)
  • framespacing="#" - 修改边界的厚度(以使用Internet Explorer)

这儿有一个实例:

html<html>
	<head></head>

	<frameset border="0" frameborder="0" framespacing="0" rows="20%,*">
		<frame src="title.html">
		<frameset border="0" frameborder="0" framespacing="0" cols="30%,*">
			<frame src="menu.html">
			<frame src="content.html">
		</frameset>
	</frameset>
</html>

HTML - "框架名" 和 "框架目标"

在它的实际位置上,并且当我们在联系页面上以点击打开时要维护其菜单,例如,代替其内容叶面,我们将命名每一个框架并且我们将指定其空白以打开使用'base target'的标签。

Here is our code for the page:

html<html>
	<head>
		<base target="content">
	</head>

	<frameset rows="20%,*">
		<frame name="title" src="title.html">
		<frameset cols="30%,*">
			<frame name="menu" src="menu.html">
			<name="content" src="content.html">	
		</frameset>
	</frameset>
</html>

不改尺寸和画面滚动

你以后可以更多地使用noresize和scrolling

html<html>
	<head></head>
	
	<frameset border="2" frameborder="1" framespacing="2" rows="20%,*">
		<frame src="title.html" noresize scrolling="no">
		<frameset border="4" frameborder="1" framespacing="4" cols="30%,*">
			<frame src="menu.html" scrolling="auto" noresize>
			<frame src="content.html" scrolling="yes" noresize>
		</frameset>
	</frameset>
</html>
  • noresize - 不要使其框架改变基于用户画面之它的大小。
  • scrolling="(yes/no)" - 允许,或不允许,在一个框架使用画面滚动。

版权及转载说明

本站原创、转载文章欢迎任何形式的转载,但请务必注明出处,尊重他人劳动共创开源社区

本站转载文章版权归原作者所有,如发现本站文章涉嫌侵权请点击「联系我们」反馈,本站将给予删除

本教程数据来源「 http://tutorialehtml.com/zh/html-tutorial-complete-html-guide/ 」