项目取名规范

Posted 2020-09-08

一．DIV+CSS布局文件命名规范

全局样式：global.css； 
框架布局：layout.css； 
字体样式：font.css； 
链接样式：link.css； 
打印样式：print.css； 
二．常用类/ID命名规范

页 眉：header 
内 容：content 
容 器：container 
页 脚：footer 
版 权：copyright  
导 航：menu 
菜单：menu    子菜单：submenu
导航：nav   子导航：subnav  
标 志：logo 
广告：banner 
标 题：title 
侧边栏：sidebar
图 标：Icon 
注 释：note 
搜 索：search 
登 录：login 登录条：loginbar
链 接：link 
信息框：manage 
滚动：scroll  
页面主体：main  
内容：content  
标签页：tab  
章列表：list   
信息：msg  
小技巧：tips  
标题：title  
指南：guild  
服务：service    
热点：hot
新闻：news
下载：download
注册：regsiter
状态：status
按钮：btn
投票：vote
合作伙伴：partner
友情链接：friendlink
页脚：footer
版权：copyright
提交：submit
文本框：textbox
统计：count

以上结构可以组合使用，例如：左列标题lefttitle；底部导航footernav 书写原则是： 1.一律小写； 2.尽量用英文； 3.不加中杠和下划线； 4.尽量不缩写，除非一看就明白的单词。

常用类的命名应尽量以常见英文单词为准，做到通俗易懂，并在适当的地方加以注释。对于二级类/ID命名，则采用组合书写的模式，后一个单词的首字母应大写：诸如“搜索框”则应命名为
“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn