网站头部:    head/header(头部) top(顶部)    
导航:   nanv 导航具体区分:topnav(顶部导航)、mainnav(主导航)、mininav(迷你导航)、textnav(导航文本)、subnav(子导航/二级导航)
旗帜、广告和商标:logo(旗帜)、brand(商标)、banner(标语)
搜索:sreach(搜索)、sreachbox(搜索框)、sreachbtn(搜索按钮)、sreachinput(搜索输入框)
注册和登录:login(登录)、regsiter(注册)、userbox(用户名/通行证的文本框)、password(密码)
布局、分栏和框:   layout(布局)、bigdiv(大div)、leftdiv(左分栏)、rightdiv(右分栏)、leftfloat(左浮动)、rightfloat(右浮动)、mainbox()、subpage(子页面/二级页面)
页脚/底部:foot/footer(页脚/底部)、copyright(版权信息)、sitemap(网站地图)
其他:content(内容)、skin(皮肤)、title(标题)、from(表单)、pic(图片)、news(新闻)、shop(购物区)、list(列表/清单)、newslist(新闻列表)、downloadlist(下载列表)、piclist(图片列表)、dropmenv(下拉菜单)、cor/corner(圆角)、homepage(首页)、crumb(当前位置导航)
实际上上面的id命名我会经常用大小写和_来区分,比如主导航就是MainNav,如果还有必要在区分就是MainNav_1,MainNav_2等等。也可以使用"类型+变量名称"的规则来命名,比如写一个红色字体的class,可以
.f_red {}(f是font 字体的缩写)。总之原则是:大小写、_、缩写,大大增强代码的可读性。

另外我还经常使用"in"的写法做子divd的命名,写法in+父div,这样可以避免前面命名过了后面div不知道怎么去命名。比如intop、inbox、infrom、inlogin等等。

没有一个真正标准的命名规范,每个人都有自己的一套写法。但是要尽量向大家所认同的规范上靠,毕竟这在团队合作上有莫大的益处。本文会持续更新中,有疏漏出请大家指正。

最新文章

  1. 你必须知道的HTTP错误
  2. Lucene.net 多条件查询搜索
  3. myeclipse2013和以后版本破解
  4. E: 软件包*需要重新安装,但是我无法找到相应的安装文件。(ubuntu14.04)
  5. SqlSever基础 dateadd day 增加五天
  6. Android -- 与WEB交互在同一个会话Session中通信
  7. 刘汝佳 算法竞赛-入门经典 第二部分 算法篇 第五章 1(String)
  8. C# 保存PictureBox中的图片到数据库,并从数据库读取图片显示到PictrueBox,解决报错 “无效参数”
  9. 单点登录CAS使用记(八):使用maven的overlay实现无侵入的改造CAS
  10. Thinkphp 空操作、空控制器、命名空间
  11. linux服务器加入windows域时报错Ticket expired
  12. [转]Traceroute网络排障实用指南(1)
  13. CodeForces - 27E--Number With The Given Amount Of Divisors(反素数)
  14. python读写xml
  15. 使用jQuery操作DOM
  16. vue初识
  17. C# 日期时间
  18. Jmeter正则表达式提取器二(转载)
  19. http协议-https协议-相对协议
  20. 把AVI存在资源中用TAnimate播放

热门文章

  1. jupyter notebook + pyspark 环境搭建
  2. flask 知识点总结
  3. android 读取SQLite android could not open the database in read/write mode错误
  4. UML浅析
  5. box-sizing属性
  6. Lab1--关于安装JUnit的简要描述
  7. node.js安装cnpm 提高下载速度
  8. Redis学习笔记四:独立功能之发布与订阅
  9. HDU 4902 Nice boat 2014杭电多校训练赛第四场F题(线段树区间更新)
  10. CSS3中动画属性transform、transition和animation