良好的DIV+CSS的命名規則有利于SEO優化

一、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

標簽文字：tagTitle

標簽內容：tagContent

當前標簽：tagCurrent/currentTag

標　 題：title

內 容：content

列 表：list

當前位置：currentPath

側 邊 欄：sidebar

圖 標：icon

注 釋：note

登 錄：login

注 冊：register

列 定 義：column_1of3 (三列中的第一列)

column_2of3 (三列中的第二列)

column_3of3 (三列中的第三列)

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈