| 功能区域 | 标准命名 | 应用场景 |
|---|---|---|
| 页面顶部 | header | 包含logo和主导航 |
| 内容容器 | container | 页面主体内容区域 |
| 侧边导航 | sidebar | 分类导航或工具入口 |
在网页布局中，登录模块建议使用loginbar作为容器标识，搜索区域统一采用search作为父容器名称。对于动态内容加载区域，推荐使用content进行包裹。
| 广告位 | banner |
| 页脚信息 | footer |
| 图文列表 | gallery |
在样式表编写过程中，建议采用模块化注释方式。例如在定义页脚样式时，可采用/* Footer Styles Start */作为区块起始标记，在样式段结束时添加/* Footer Styles End */形成完整注释区块。
/* 主导航样式模块 */.nav-primary { padding: 12px; background: #F5F5F5;} 构建自适应布局时，wrapper容器建议设置max-width属性控制宽度。对于三栏布局，可采用left、main、right的命名组合，通过float或flex实现灵活布局。
