HTML5框架学习
框架有水平,垂直两个方式的.
垂直框架如图:
代码:
<html>
<frameset cols="20%,30%,50%">
<frame src="a.html">
<frame src="b.html">
<frame src="c.html">
</frameset>
</html>
水平框架如图:
代码:
<html>
<frameset rows= "20%,80%">
<frame src="a.html">
<frame src="b.html">
</frameset>
</html>
混合框架如图:
代码:
<html>
<frameset rows="20%,80%">
<frame src="a.html">
<frameset rows="20%,80%">
<frame src="b.html">
<frame src="c.html">
</frameset>
<noframes>
<body>如果浏览器不支持框架显示,那么就会显示这里的警告语.</body>
</noframes>
</frameset>
</html>
注意问题:如果浏览器不支持框架显示的话,会遇到麻烦,这个时候就要有所说明.这就有了<noframes></noframes>标签.
导航框架:
代码:
<html>
<frameset cols=20%,*>
<frame src="a.html">
<frame src ="b.html" name="showframe">
</frameset>
</html>
记得在左边栏的网页里的超级连接加上<a href="a.html" target="showframe">这样的标签.
含有<noresize="noresize"标签结构的框架:
代码:
<html>
<frameset cols="20%,*,30%">
<frame src="a.html" noresize="noresize">
<frame src="b.html">
<frame src="c.html">
</frameset>
</html>
<noresize="noresize">标签的作用就是固定位置,不让框架的尺寸调整.
学习地址:http://www.w3school.com.cn/tags/tag_frameset.asp
