源自2009.11.26懒懒交流会的PK堂，收获甚多，故作此记。

    PPT链接

    说实话，看到这个题目时我觉得这有什么好讨论的，肯定会是场一边倒的讨论。因为个人比较倾向于短命名，简单优雅，可能是出于程序员的洁癖，容不得任何冗余的东西。(和我一个想法的人应该不在少数吧 

先看下长命名和短命名的定义：

以下是代码片段：
<!-- 长命名：包含前缀，且前缀可以体现了上下文环境的命名方式。 --> 
<div class="category"> 
        <div class="category-hd"></div> 
        <div class="category-bd"></div> 
        <div class="category-ft"></div> 
</div> 

<!-- 短命名 --> 
<div class="category"> 
        <div class="hd"></div> 
        <div class="bd"></div> 
        <div class="ft"></div> 
</div>

    会上大家先是给双方各列了一堆优缺点，结果不相上下。

    然后从性能和可维护性上进行了详细的争论。

    性能分为下载性能(速度)和渲染性能，大家认为：

    (注：其实平时工作中这两点都会被忽略。gzip可以进一步减少第一个问题的差距，而由此引发的渲染性能也是微乎其微)

    然后大家就可维护性进行了讨论，这次支持长命名的人较多。

    最后是使用场景，玉伯借用YAHOO首页的例子牵头，大家讨论，总结如下：(主要依据可维护性)

    以上结论有个前提：就是页面是多人(包括后期的维护人员)协作的，一个人的页面(如Blog)不在考虑范围之内。

   欢迎补充指正。

建议继续学习：

1. 代码里的命名规则：错误的和正确的对比    (阅读：3554)
2. 网站css样式命名规范和应用原则    (阅读：2449)
3. 闲话命名    (阅读：880)