更新时间: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 |
打印 |
猜你喜欢:
【AI设计】北京143期毕业仅36天,全员拿下高薪offer!黑马AI设计连续6期100%高薪就业
2025-09-19【跨境电商运营】深圳跨境电商运营毕业22个工作日,就业率91%+,最高薪资达13500元
2025-09-19【AI运维】郑州运维1期就业班,毕业14个工作日,班级93%同学已拿到Offer, 一线均薪资 1W+
2025-09-19【AI鸿蒙开发】上海校区AI鸿蒙开发4期5期,距离毕业21天,就业率91%,平均薪资14046元
2025-09-19【AI大模型开发-Python】毕业33个工作日,就业率已达到94.55%,班均薪资20763元
2025-09-19【AI智能应用开发-Java】毕业5个工作日就业率98.18%,最高薪资 17.5k*13薪,全班平均薪资9244元
2025-09-19