有利於SEO的DIV+CSS的命名規則小結
阿新 • • 發佈:2017-05-06
程序員 命名 開發 編織
由於項目中編寫文檔結構、編寫CSS的人員較多,並與程序員協同工作,所以就需要統一開發規範,根據XHTMl和CSS編織的規範和大多人的習慣,整理了以下針對本項目的一個簡單的開發規範.
一、CSS文件及樣式命名
1、CSS文件命名規範
全局樣式:global.css;
框架布局:layout.css;
字體樣式:font.css;
鏈接樣式:link.css;
打印樣式:print.css;
2、CSS樣式命名規範
本人建議:用字母、_號工、-號、數字組成,必須以字母開頭,不能為純數字。為了開發後樣式名管理方便,大家請用有意義的單詞或縮寫組合來命名,讓同事一看就明白這樣式大概是哪一塊的,這樣就節省了查找樣式的時間,例如:
頭部樣式用header,頭部左邊,可以用header_left或header_l,還有如果是列結構的可以這樣——box _1of3 (三列中的第一列),box_2of3 (三列中的第二列)、box _3of3 (三列中的第三列),其它的我就不一一舉例了,大家按以上規律去命名就好。
下面列出一些常用的命名單詞方便大家使用:(以後大家工作過程中慢慢把自己積累的單詞都共享出來,那大家的命就會更加統一了,就不會有一義多詞的情況了。)
容 器:container/box
頭 部:header
主 導 航:mainNav
子 導 航:subNav
頂 導 航:topNav
網站標誌:logo
大 廣 告:banner
頁面中部:mainBody
底 部:footer
菜 單:menu
菜單內容:menuContent
子 菜 單:subMenu
子菜單內容:subMenuContent
搜 索:search
搜索關鍵字:keyword
搜索範圍:range