网页模块命名规范
网页模块的命名,看似无足轻重,但如果没有统一的命名规范进行必要约束,随意命名就会使整个网站的后续工作很难进行。因此网页模块命名规范非常重要,需要引起初学者的足够重视。通常网页模块的命名需要遵循以下几个原则:
● 避免使用中文字符命名(例如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 |
打印 |