虽说<frameset></frameset>这对HTML框架结构标签在前台页面几乎不用了(影响SEO网站搜索引擎优化),但在后台管理系统布局或其它特殊情况下有它的用武之地!
HTML <frameset> 标签可以构造水平框架、垂直框架,组合起来还可以构造混合框架
水平框架的构造方法:
<html> <frameset rows="25%,50%,25%"> <frame src="/header.html"> <frame src="/center.html"> <frame src="/footer.html"> </frameset> </html>
frameset横向构造效果图
垂直框架的构造方法:
<html> <frameset cols="25%,50%,25%"> <frame src="/header.html"> <frame src="/center.html"> <frame src="/footer.html"> </frameset> </html>
frameset垂直构造效果图
混合框架的构造方法:
<html> <frameset rows="50%,50%"> <frame src="/header.html"> <frameset cols="25%,75%"> <frame src="/leftMenu.html"> <frame src="/main.html"> </frameset> </frameset> </html> <!--这个框架构造方法在后台管理系统里较常见-->
frameset混合构造效果图
注意事项:
不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的 <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内<html> <frameset cols="25%,50%,25%"> <frame src="/header.html"> <frame src="/center.html"> <frame src="/footer.html"> <noframes> <body>您的浏览器无法处理框架!</body> </noframes> </frameset> </html>
说明:
<noframes> 标签用于浏览器无法显示框架时,考虑到用户体验给用户的提示。这在以前老式的浏览器里会用到,但现在的浏览器都支持frameset框架。