更新时间:2021-05-24 来源:黑马程序员 浏览量:
网页模块的命名，看似无足轻重，但如果没有统一的命名规范进行必要约束，随意命名就会使整个网站的后续工作很难进行。因此网页模块命名规范非常重要，需要引起初学者的足够重视。通常网页模块的命名需要遵循以下几个原则：
● 避免使用中文字符命名（例如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 |
| 打印 |
猜你喜欢：
JavaEE
鸿蒙应用开发
集成电路应用开发
人工智能开发
AI+Linux云计算运维
Python+大数据开发
AI+设计
软件测试
新媒体+短视频
HTML&JS+前端
.jpg)