html布局总结和学习记录_html经典布局语导航的课后小结-优快云博客

本文介绍了常见的网页布局方式，包括导航条的设计与实现方法。探讨了导航数据的存储及加载方式，并详细解释了HTML中frameset元素的应用，用于定义多框架布局。

1、一般都采用的是导航型，如上左右(上面广告或者LOGO标志，左边导航分级(一般二级)，右边内容显示），上左右（上面LOGO和一级导航，左边二级导航，右边内容显示）
2、导航条数据存储两种方式：页面（通过js加载）和数据库表保存（查询表加载）
3、现在最常用的方式是‘数据库表保存’的方式，便于扩展和维护安全
4、导航条数据加载两种方式：
第一种每次登录验证用户同时访问数据库导航条数据加载
第二种在系统启动的时候就把导航条数据加载到服务器内存中，因为导航数据一般都是固定不变的，这样每次从内存中拿取数据就减少了数据库的访问，
特别是有大量用户访问的系统，这样实现了一个性能优化。

frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。
<frame> 标签定义 frameset 中的一个特定的窗口（框架）。
HTML 与 XHTML 之间的差异
在 HTML 中，<frame> 标签没有结束标签。
在 XHTML 中，<frame> 标签必须被正确地关闭。
<frameset cols="50%,*,25%">
<frame src="/example/html/frame_a.html" noresize="noresize" />//这个框架的大小不可以自由拉动（因为noresize属性固定大小）
<frame src="/example/html/frame_b.html" />//这个框架的大小可以自由拉动
<frame src="/example/html/frame_c.html" />//这个框架的大小可以自由拉动
</frameset>

noframes 元素可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。
<frameset cols = "25%, 25%,*">
<noframes>
<body>Your browser does not handle frames!</body>
</noframes>
<frame src ="venus.htm" />
<frame src ="sun.htm" />
<frame src ="mercur.htm" />
</frameset>