武汉子格教育科技有限公司

一、公司基础结构命名

页头（Header）

用于网站顶部导航栏、网站网站Logo等区域。设计设计例如：

```html

网站Logo & 导航栏

```

常见类名：`header`

导航栏（Navigation）

包含主导航、制作侧边栏、命名顶部导航等。公司例如：

```html

主导航栏 | 侧边栏 | 顶部导航

```

常见类名：`nav`、网站网站`mainNav`、设计设计`topNav`、制作`sidebar`

内容区域（Content）

网页主体内容区域。命名例如：

```html

文章列表、公司侧边栏内容等

```

常见类名：`content`、网站网站`main`

页脚（Footer）

页底区域，设计设计包含版权信息、制作联系方式等。命名例如：

```html

版权所有 © 2025

```

常见类名：`footer`

二、功能模块命名

侧栏（Sidebar）：

左侧或右侧辅助区域，如广告、导航链接等。例如：

```html

广告栏 | 用户中心

```

广告条（Banner）：显眼位置展示广告或轮播图。例如：

```html

轮播广告内容

```

搜索功能：搜索框及相关组件。例如：

```html

搜索框 & 搜索按钮

```

工具条（Toolbar）：操作按钮集合。例如：

```html

常用操作按钮

```

提示信息（Msg）：弹窗或状态提示。例如：

```html

操作成功提示

```

三、其他注意事项

层次结构：

使用嵌套标签保持结构清晰，例如：

```html

```

命名规范：

类名使用小写，如 `.header`、`.sidebar`；

ID需唯一，如 `mainNav`；

避免使用缩写，确保可读性。

可扩展性

使用前缀或后缀区分功能模块，例如：

```html

模块标题

```

为表格、表单等添加唯一ID，如 `userForm`。

通过以上规范，可提升代码可维护性，同时优化搜索引擎收录效果。