虽然在网站开发中frameset和iframe框架用得不是很多,但是对于它的使用方法,我还是希望能大家分享一下的。
一、frameset框架
1.普通框架
<frameset rows="20%,30%,*">
<frame src="1.html" noresize="noresize" />
<frame src="2.html" noresize="noresize" />
<frame src="3.html" noresize="noresize" />
</frameset>
<noframes>
<body>
</body>
</noframes>
补充:
(1)frameset标签应该直接写在Html标签中,而不应该放在body里面
(2)使用noresize使用户无法再浏览器界面中调整框架的大小。
(3)当用户使用的浏览器无法支持框架的时候,可以使用重新对页面的信息进行布局。
(4)可以在里面设置scrolling滚动方式。
(5)在frame里设置marginHeight和marginwidth来表示链接网页与框架之间的距离。
(6)对frame设置border和frameborder可以消除边框。
2.嵌套框架
(1)在框架的页面中
<frameset rows="20%,*">
<frame src="1.html" noresize="noresize" />
<frameset>
<frame src="1.html" name="leftPart" />
<frame src="2.html" name="rightPart" />
</frameset>
</frameset>
<noframes>
<body></body>
</noframes>
(2)在left.html中,代码如下:
<a href=”red.html” target=”rightPart”>红色</a>
<a href=”green.html” target=”greenPart”>绿色</a>
(3)可以对链接使用锚点,注意name和target的使用。
二、Iframe框架
<iframe src="1.html" frameborder="0" height="200px" width="100px">
</iframe>
(1)src指的是当框架打开的时候,默认显示的框架的页面。与其他标签类似,iframe标签是放在body里面使用的。