更新时间:2021年05月24日16时58分 来源:传智教育 浏览次数:

网页模块的命名,看似无足轻重,但如果没有统一的命名规范进行必要约束,随意命名就会使整个网站的后续工作很难进行。因此网页模块命名规范非常重要,需要引起初学者的足够重视。通常网页模块的命名需要遵循以下几个原则:
● 避免使用中文字符命名(例如id="导航栏")
● 不能以数字开头命名(例如id="1nav")
● 不能占用关键字(例如id="h3")
● 用最少的字母达到最容易理解的意义
在网页中,常用的命名方式有“驼峰式命名”和“帕斯卡命名”两种,对它们的具体解释如下:
● 驼峰式命名:除了第一个单词外其余单词首写字母都要大写(例如partOne)
● 帕斯卡命名:每一个单词之间用“_”连接(例如content_one)

了解了命名原则和命名方式,接下来为大家列举网页中常用的一些命名,具体如表1所示。
表1 常用命名规则
| 相关模块 | 命名 | 相关模块 | 命名 |
|---|---|---|---|
| 头 | header | 内容 | content/container |
| 导航 | nav | 尾 | footer |
| 侧栏 | sidebar | 栏目 | column |
| 左边、右边、中间 | left right center | 登录条 | loginbar |
| 标志 | logo | 广告 | banner |
| 页面主体 | main | 热点 | hot |
| 新闻 | news | 下载 | download |
| 子导航 | subnav | 菜单 | menu |
| 子菜单 | submenu | 搜索 | search |
| 友情链接 | frIEndlink | 版权 | copyright |
| 滚动 | scroll | 标签页 | tab |
| 文章列表 | list | 提示信息 | msg |
| 小技巧 | tips | 栏目标题 | title |
| 加入 | joinus | 指南 | guild |
| 服务 | service | 注册 | regsiter |
| 状态 | status | 投票 | vote |
| 合作伙伴 | partner | ||
| CSS文件 | 命名 | CSS文件 | 命名 |
| 主要样式 | master | 基本样式 | base |
| 模块样式 | module | 版面样式 | layout |
| 主题 | themes | 专栏 | columns |
| 文字 | font | 表单 | forms |
| 打印 |
猜你喜欢: