frameset标签

n <frameset>标签定义了如何将窗口拆分成框架。 

n 每个frameset标签定义了一组行和列。 

n 行/列的值指明了每个行/列在屏幕上所占的大小。

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>


### 回答1: `frameset` 标签HTML 中用于创建框架布局的标签。它可以用来定义整个页面的布局,每个框架都可以加载一个独立的 HTML 文件。使用方法如下: ``` <frameset cols="25%,50%,25%"> <frame src="frame_a.html"> <frame src="frame_b.html"> <frame src="frame_c.html"> </frameset> ``` 其中 `cols` 属性指定每个框架占整个页面的宽度比例,可以用百分比或像素值表示。同样的,还有一个 `rows` 属性,可以指定每个框架占整个页面的高度比例。 需要注意的是,目前大多数网站已经不再使用 `frameset` 标签,因为它存在一些限制,如:不利于搜索引擎优化,不利于响应式设计等。相比之下,更推荐使用 CSS 布局。 ### 回答2: HTMLFrameset标签是用来创建网页框架标签,它允许在一个页面中划分出多个独立的区域,每个区域可以分别载入不同的网页。Frameset标签通常与Frame标签一起使用,Frame标签用来定义每个区域载入的网页内容。Frameset标签可以实现网页的多窗口显示,提升页面的用户体验。 Frameset标签的基本语法如下: ``` <frameset cols="*,*" rows="*,*"> <frame src="page1.html"> <frame src="page2.html"> <frame src="page3.html"> <frame src="page4.html"> </frameset> ``` 其中,Cols和Rows属性用于定义Frameset标签划分成的区域的大小和数量,可以指定百分比或固定像素值。Cols表示水平方向上的分割线数量和位置,Rows表示垂直方向上的分割线数量和位置。上面的代码中,Frameset被分成了4个区域,第一行两个区域,第二行也是两个区域。每个Frame标签的Src属性指向不同的网页,表示每个区域所要载入的内容。 在使用Frameset标签时,需要注意以下几点: 1. Frameset标签必须包含在HTML文档的<body>标签中,而且只能是<body>标签中的第一个元素。 2. Frameset标签不能同时与<head>或<body>标签一起使用,否则会导致页面无法正常显示。 3. Frameset标签不能与其他类似的页面布局标签一起使用,例如<table>或<div>,否则会出现布局冲突的情况。 4. 当网页中含有Frameset标签时,搜索引擎可能无法正确地索引页面内容,因此Frameset标签在现代网页设计中已经不再常用。 总之,Frameset标签在过去被广泛使用,它为网页提供了多窗口显示的功能,提升了页面的交互性和用户体验。但是,由于其一些弊端,现在还有更好的技术可供选择,使得网页视图的划分成为更加简单和灵活。 ### 回答3: HTML中的frameset标签是用来创建基于框架的Web页面的一种方式。当你使用frameset标签时,你可以将一个页面分成几个部分,每个部分都是单独的页面。这种技术被称为框架网页设计。 在创建框架网页时,需要使用两个标签frameset和frame。Frameset标签定义了页面中的框架区域,而frame标签指定了每个框架中要加载的不同HTML文档。frame标签通常嵌套在frameset标签内。 在使用frameset标签时,需要注意以下几点: 1. Frameset标签必须在HTML文档的顶部位置。 2. Frameset标签必须包含一个或多个frame标签,以指定将要加载的文档。frameset标签的属性可以在HTML文档中设置,这些属性包括:cols,rows等。 3. Frameset标签可以有多个frame标签,每个frame标签指定一个屏幕区域,以便将内容作为单独的页面来加载。 4. 如果希望在不同框架之间传递信息,则必须使用JavaScript或cookie等技术实现。 尽管HTML框架的使用在过去十年中已经逐渐减少,但是它仍然是一种实现特殊需求的有效方式。例如,在Web应用程序中使用框架非常普遍,因为这种技术可以让用户通过单个页面访问许多不同的应用程序模块。但与此同时,框架网页的缺点是它的SEO被搜索引擎忽略。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值