规范的命名也是Web标准中的重要一项,标准的命名可以使代码更加易读,而且利于搜索引擎搜索,比如定义了两个div,一个id命名为“div1”,另外一个命名为“News”,肯定第二个比较易读,而且搜索引擎抓取率要高,在团队合作中还可以大大提高工作效率。为了达到这种效果我们就要规范化命名(语义化命名)!
关于CSS命名法,和其他的程序命名差不多,主要有3种:骆驼命名法,帕斯卡命名法,匈牙利命名法。
骆驼命名法:第一个词的第一个字母要小写,后面的词的第一个字母就要用大写,如:#headerBlock ;
帕斯卡命名法:所有单词的首字母都要大写,如:#HeaderBlock ;
匈牙利命名法:用下划线"_"分割多个单词,并且下划线"_"前面加上一个或多个小写字母作为前缀,来让名称更加好认,更容易理解,如:
#header_block ;
以上三种,前两种(骆驼命名法、帕斯卡命名法)在命名CSS选择器的时候比较常用,当然这三种命名法可以混合使用,只需要遵守有一个原则“容易理解,方便协同工作”就OK了,或者说“即使不懂代码的人看了代码也知道这块起什么作用”,没有必要强调是哪种命名法
以下为页面模块的常用命名:
头:header
内容:content/container
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
登录条:loginbar
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:download
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
友情链接:friendlink
页脚:footer
版权:copyright
滚动:scroll
小技巧:tips
0条评论( 网友:0 条,站长:0 条 ) 网友评论{有您的评论更精彩....}