通常网页模块的命名规范需要遵循以下三个原则:
- 命名避免使用中文字符(如id=“内容”);
- 命名不能以数字开头(如id=“1header”);
- 命名不能使用关键字(如id=“div”);
命名应尽量用最少的字母表达含义,使之简明、易懂。
在网页开发中,常用驼峰式命名和帕斯卡命名两种命名方式。其具体解释如下所述。
驼峰式命名:除第一个单词外后面的单词首字母都要大写,其余小写,如navOne。
帕斯卡命名:每个单词之间用“_”连接,如nav_one。
下面列举网页中常用的一些命名。
| 模块 | 命名 | 模块 | 命名 |
|---|---|---|---|
| 头部 | header | 标签页 | tab |
| 内容 | content/container | 文章列表 | list |
| 尾部 | footer | 提示信息 | msg |
| 导航 | nav | 小技巧 | tips |
| 子导航 | subnav | 栏目标题 | title |
| 侧栏 | sidebar | 加入 | joinus |
| 栏目 | column | 指南 | guild |
| 左右中 | left right center | 服务 | service |
| 登录条 | loginbar | 注册 | register |
| 标志 | logo | 状态 | status |
| 广告 | banner | 投票 | vote |
| 页面主体 | main | 合作伙伴 | partner |
| 热点 | hot | CSS文件 | 命名 |
| 新闻 | news | 主要的 | master.css |
| 下载 | download | 模块 | module.css |
| 菜单 | menu | 基本共用 | base.css |
| 子菜单 | submenu | 布局,版面 | layout.css |
| 搜索 | search | 主题 | themes.css |
| 友情链接 | frIEndlink | 专栏 | columns.css |
| 页眉 | header | 文字 | font.css |
| 页脚 | footer | 表单 | forms.css |
| 版权 | copyright | 补丁 | mend.css |
| 滚动 | scroll | 打印 | print.css |
最后
以上就是文艺铅笔最近收集整理的关于网页模块命名规范的全部内容,更多相关网页模块命名规范内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复