1. 程式人生 > >有利於SEO的DIV+CSS的命名規則小結

有利於SEO的DIV+CSS的命名規則小結

程序員 命名 開發 編織



由於項目中編寫文檔結構、編寫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