网页结构主要分三种:
- 纯HTML结构
- HTML+CSS结构
- HTML+CSS+JavaScript结构
简单说就是:
- 纯HTML:只靠HTML标签布局。
- HTML+CSS:HTML布局,CSS美化。
- HTML+CSS+JavaScript:HTML布局,CSS美化,JavaScript交互。
说起来这网页结构,那真是千变万化。我当年做网站那会儿,最常做的就是那种“标准的三栏布局”。记得是2010年,在杭州帮一家互联网公司做网站优化,那时候的网页结构基本上就是左中右三栏,左边放导航,中间放内容,右边放广告或者辅助信息。再后来,2013年左右,流行起了响应式设计,那时候就开始接触像“弹性布局”、“Flexbox”这些概念了。再后来,随着Vue、React这类框架的兴起,单页面应用(SPA)的页面结构又不一样了,整个页面就一个路由,动态加载内容。说起来这网页结构,真的是与时俱进啊!
对了,还有一种我之前没碰过的,就是“全屏滚动”页面结构,那种感觉有点像是在玩“跳一跳”游戏,哈哈。不过,这全屏滚动嘛,我也只是听说过,没真正做过。毕竟,做网页设计嘛,就是要不断尝试新的东西,不是吗?😄
上周,2023年,我那个朋友问起网页结构,我给他列举了以下几种:
1. 布尔模型:基于内容相关性,简单直接。 2. 层次模型:像树一样,有清晰的层级关系。 3. 网状模型:节点间有复杂的关系,信息路径多样。 4. 集合模型:多个网页组合成一个集合,共享信息。 5. 分布式模型:网页分散在不同服务器,通过链接连接。
不过,具体哪种模型更适用,每个人情况不同,你看着办吧。我刚想到另一件事,网站的结构设计还要考虑用户体验和搜索引擎优化,这些也很关键。算了。