HTML之frameset标签

最新推荐文章于 2022-01-04 21:15:33 发布

weisian151

最新推荐文章于 2022-01-04 21:15:33 发布

阅读量2.4k

点赞数 4

分类专栏：前端基础文章标签： html 标签

本文链接：https://blog.csdn.net/qq_34207422/article/details/78256876

版权

前端基础专栏收录该内容

3 篇文章 0 订阅

订阅专栏

frameset是html的框架标签，主要是对于浏览器界面的分割，使得一个较为复杂的界面划分为多个简单的界面，与frame标签一起使用。

每一个frameset标签相当于一个复杂的界面，包含多个frame标签，而每一个frame标签相当于一个简单的界面。

简单的frameset属性包含分行rows=“”和分列cols=“”，frame标签基本属性是src=“”，name=“”。

一个简单的案例说明一切。

一、总界面frameset和frame的嵌套

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>11111</title>
	</head>

	<frameset rows="15%,*,15%" border="3" framespacing="1">
		<!--
        	将界面分成三行的界面
        -->
		<frame src="frame1.html" name="fa">
			<frameset cols="25%,*">
				<!--
        			将第二行界面分成的界面
        		-->
				<frame src="frame2.html" name="fb" />
				<frame src="frame3.html" name="fc" />
			</frameset>
			<frame src="frame4.html" name="fd">
	</frameset>

</html>

二、分界面（每一个目的性界面）

1、frame1.html

<body>
		<center>
		<h1>这里是标题</h1>
		</center>
	</body>

2、frame2.html

<body>
		<h1>这里是目录</h1>
		<a href="http://www.baidu.com" target="fc">百度</a><br />
		<a href="http://www.tmall.com" target="fc">天猫</a><br />
		<a href="http://www.sina.com.cn" target="fc">新浪</a><br />
		<a href="http://www.hao123.com" target="fc">好123主页</a><br />
	</body>

注意：这里的frame2界面的链接target设置为frame3的name属性值，则可以实现frame2模块界面控制frame3模块界面。

3、frame3.html

<body>
		<h1>frame3</h1>
	</body>

4、frame4.html

<body>
		<center><h6>copyright@bestservice</h6></center>
	</body>

三、效果显示

最后：以上说法均为个人学习所认识，如有错误误导的地方，请大家指导交流，共同学习。

weisian151

关注

4
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
HTML之frameset标签

frameset是html的框架标签，主要是对于浏览器界面的分割，使得一个较为复杂的界面划分为多个简单的界面，与frame标签一起使用。每一个frameset标签相当于一个复杂的界面，包含多个frame标签，而每一个frame标签相当于一个简单的界面。简单的frameset属性包含分行rows=“”和分列cols=“”，frame标签基本属性是src=“”，name=“”。一个
复制链接

扫一扫

专栏目录