方便协同 规范命名 CSS 类和 ID的意义
4/7/2013 10:08:22 PM
最近在修改CSS类时被那些诸如xx1之类的id弄的不胜其烦,回顾了一下过往的知识,写了这些东西。
Web开发人员通过创建CSS类及id名称并使用这些名称来对div以及其他的格式页面元素进行标识。对开发人员来说,在命名重新定义XHTML标记(tags)的CSS selectors时,必须保证其与预定义的标记准确匹配,但就类以及id选择器名称而言,则见仁见智。然而随心所欲的为这些类以及id命名并不是个好习惯。
在设计Web页面以及需要对一个div进行标识的时候,最自然的想法就是使用可以描述元素所在页面位置的词汇来对其命名。这些词汇必须简单并且能够使人顾名思义,并且满足标识页面元素以及相应的CSS样式的需要。
最好是能够进行结构化命名。这意味着表达方式/位置信息同内容的完全分离——这其中包括出现在标记(markup)中的类和id名称。应当根据在文档中的使用目的而非出现位置来对类以及id进行结构化命名。这样无论它出现在页面的哪一边,这个名字仍然对开发者来说直观易懂。