|
一、什么是框架标签？
首先看下图，有三部分：蓝色的logo；左边的目录结构；右边的内容。实际开发过程中会把这三部分写在三个页面中。这样就能提供程序的可维护性：改一部分的时候其他部分不需要动。这个可以使用框架标签实现。
说明：
1.框架标签比较过时，现在用div比较常用。
2.要学会使用。不是重点，会用即可。
二、框架标签的使用
1. 格式
<frameset rows="80,*"><frameset>
属性：
rows="80,*" //按照行进行划分。分为两行，第一行值80，剩下的是第二部分。
cols="80,*" //按照列进行划分。
<frame name="top" src="b.html">
name: 给这一块取个名字。
src:要显示的网页。
注意：使用框架标签的时候，不能写在body里面。使用了框架标签，需要把body去掉。
2. 举例
想要的效果：点击左边，在右边打开相应的内容。
框架标签.html
|
<html>
<head>
<title>框架标签示例</title>
</head>
<frameset rows="100,*"> //把页面划分为上下两部分
<frame name="top" src="a.html"> //上面的部分。显示"a.html"
<frameset cols="80,*"> //把下面的页面划分成左右两部分
<frame name="left" src="index.html"> //左边的部分。显示index.html的内容
<frame name="right"> //右边的部分。
</frameset>
</frameset>
</html>
|
index.html
|
<html>
<head>
<title>框架标签示例</title>
</head>
<body>
<a href="video.html" target="right">视频</a> //将video.html显示到右边的界面。
<a href="music.html" target="right">音乐</a>
</body>
</html>
|
|