其他分享
首页 > 其他分享> > 3.2HTML网页之frameset框架

3.2HTML网页之frameset框架

作者:互联网

3.2HTML网页之frameset框架

描述:网页局部刷新之frameset框架
需求:模拟QQ邮箱网页,把整个网页分割成若干个小网页(例如 top.html,left.html,right.html),
然后点击left.html中的超链接,把内容跳转到right.html指定frame框架中,并显示。
技能:frameset框架

1.frameset框架的格式

顶部网页 top.html left.html right.html 2.frameset框架,可以根据需求进行嵌套使用。 一个frameset框架爱,内部在写一个framest框架,是允许的。 3.frameset框架,里面的子标签 --- frame 而不是iframe 4.重头戏 --- HTML规则当中,frameset框架和body标签,不能同时存在,只能二选一 5.iframe框架 --- frame框架 name属性,必须赋值。 原因: 点击超链接时,跳转的资源路径,就是frame框架的名字 6.如何进行布局! 把一个整体的网页分割成诺干个小网页! 分割方式: 位置 --- frameset标签内部 分割--- 可以按照百分比对整体网页进行分割,也可以按照像素进行分割 ---- 1. 纵向分割 cols = "分割的比例/像素" ---- 2. 横向分割 rows = "分割的比例/像素"

7.对于指定的元素/网页显示部分,用户不允许进行鼠标进行拖拽
noresize = “noresize”
8.iframe,frameset框架,其实都是针对网页的一种布局。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<!--编写frameset框架-->
	<frameset rows="15%,*">
		<!--上半部分    top.html-->
		<frame src="admin/top.html" noresize="noresize"/>
		<!--下半部分   又分为两部分   left.html  right.html-->
		<frameset cols="200px,*">
			<frame src="admin/left.html" />
			<frame name="fam" src="admin/right.html" />
		</frameset>
	</frameset>
</html>

标签:frameset,分割,网页,框架,frame,html,HTML,3.2
来源: https://blog.csdn.net/BossHAO/article/details/100994909