Html-----页面框架

最新推荐文章于 2025-11-06 10:51:46 发布

原创最新推荐文章于 2025-11-06 10:51:46 发布 · 1.4k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#html5结构框架

本文详细介绍了使用frameset和iframe实现网页多页面布局的方法。frameset通过定义行和列的百分比分配，实现在单一浏览器窗口中显示多个页面，而iframe则提供了更好的实用性和与body标签的共存性，适用于现代网页设计。

作用：通过使用框架，可以在一个浏览窗口中显示多个页面（信息管理系统）

frameset标签：

框架结构标签，使用时需要将body标签去掉，用frameset来代替body。

rows定义行显示百分比

cols定义列显示百分比

<!--
		属性：
    	    rows:上下分割 上面占20%，下面分80%，也可（20%，20%，*  这就分成了三部分）
    	    cols：左右分割 原理和上下分割一样
    	    border：分割线大小
    	    borderColor：分割线颜色
    	    frameborder:是否显示分割线
    -->
	<frameset rows="20%,*" border="2" bordercolor="pink">
		<frame src="top.html" name="top"/>
		<frameset cols="20%,*">
			<frame src="left.html" name="left"/>
			<frame src="right.html" name="right"/>
		</frameset>
		
	</frameset>

<!--
			属性
			   target：转到页面在哪显示 下面写的就是跳转到name等于right的页面
		-->
		<a href="add.html" target="right">添加学生</a><br />
		<a href="show.html" target="right">展示学生</a>

iframe标签：

可以和body共存，写在body里面，具有更好实用性

<body>
		<a href="add.html" target="myiframe">添加</a>
		<a href="show.html" target="myiframe">展示</a>
		<a href="delete.html" target="myiframe">删除</a><br />
		<!--不显示边框-->
		<iframe name="myiframe" frameborder="0"></iframe>
	</body>