frameset标签

周先森开发

已于 2022-12-26 22:00:37 修改

阅读量2.7k

点赞数 2

分类专栏：前端开发技术文章标签： framest标签简单框架

于 2019-01-03 23:41:07 首次发布

本文链接：https://blog.youkuaiyun.com/qq_39683070/article/details/85728532

版权

前端开发技术专栏收录该内容

13 篇文章

订阅专栏

framset常用于网页的后台开发，页面效果如下：

实际上是由四个页面组成的

整个页面是一个html页面（a），上面也是一个html页面（b），下面是两个html页面（c，d）。

当然，页面的效果由你设计，三个，两个随意

a页面

<html>
<head>
<title>表格标记</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<frameset rows="30%,*" frameborder="yes" >
	<frame src="b.html" noresize="noresize" />
	<frameset  cols="30%,*">
	<frame src="c.html" noresize="noresize" />	
	<frame src="d.html" name="_dd" />	
	</frameset>
</frameset>
</html>

最关键的一部分：

注意：frameset和body不能同时存在

frameset：代表一个页面整体

rows ：表示把页面分成上下两个部分，前面部分占30%，其余后面占用全部（*含义），当然你也可以把页面分成七八份，如果你还觉得美观的话，既然有上下，那么就有左右了cols，用法同rows

formeborder表示是否显示页面边框，默认不显示

frame是frameset的子集表示显示的具体页面

src表示页面路径

noresize表示边框是否可以拖动，即改变大小默认是可以的写了之后表示禁止改变大小

至于name表示：给标签起一个名字

b页面

<html>
<head>
<title>表格标记</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
	<h1>xxx管理系统</h1>
</body>
</html>

c页面

<html>
<head>
<title>表格标记</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
	<a href="../03-字体标记.html" target="_dd">03-字体标记.html</a>
</body>
</html>

a标记想必大家都很熟悉了吧，调整页面对吧

target表示属性

属性名=“属性值”

target常用属性值：_blank、_self、_top，name

其中_blank表示在新的页面打开

_self表示在自身所在页面打开

_top表示在自身页面顶层（整个页面即 a页面）

name：表示frame的属性name对应的值表示在该页面打开（同一个页面下 a包含三个子页面）

扩展：路径

相对路径：既然是相对，那肯定需要一个参照物啦，对比本页面而言 c:\users\administrator文件夹下有a.jpg、和b.txt即统一路径

在html中统一路径可以省略前面路径即：c:\administrator

进入表示统一路径，可以省略那么下一级路径呢，比如administrator下有一个文件夹 desktop里面有一个文件c.txt 怎么表示呢？使用.\desktop\c.txt即可，其中.\表示当前路径，加对应文件名即可