在搜索引擎優(yōu)化中, 對于代碼的優(yōu)化是一個非常重要的部分。 如果一個網(wǎng)頁的代碼非常的簡捷,對于提升網(wǎng)站的排名那個是非常有好處的。 同樣, 在CSS樣式表中,合理有序的命名同樣可以為整個CSS工作帶來意想不到的簡便。 為了更加符合搜索引擎的規(guī)范, 下面是一些常用的CSS代碼命名標(biāo)準(zhǔn)。 這些標(biāo)準(zhǔn)雖然不是一個必須遵守的規(guī)范,但是,卻被大多數(shù)SEOer所接受,并為整個網(wǎng)站的更新工作帶來方便。
頁頭:header (CSS中通常寫為: #header) 登錄條:loginBar 標(biāo)志:logo 側(cè)欄:sideBar 廣告:banner 導(dǎo)航:nav 子導(dǎo)航:subNav 菜單:menu 子菜單:subMenu 搜索:search 滾動:scroll 頁面主體:main 內(nèi)容:content 標(biāo)簽頁:tab 文章列表:list 提示信息:msg 小技巧:tips 欄目標(biāo)題:title 加入:joinus 指南:guide 服務(wù):service 熱點(diǎn):hot 新聞:news 下載:download 注冊:regsiter 狀態(tài):status 按鈕:btn 投票:vote 合作伙伴:partner 友情鏈接:friendLink 頁腳:footer 版權(quán):copyRight
CSS中 ID 的命名規(guī)范 外 套: wrap 主導(dǎo)航: mainNav 子導(dǎo)航: subnav 頁 腳: footer 整個頁面: content 頁 眉: header 頁 腳: footer 商 標(biāo): label 標(biāo) 題: title 主導(dǎo)航: mainNav(globalNav) 頂導(dǎo)航: topnav 邊導(dǎo)航: sidebar 左導(dǎo)航: leftsideBar 右導(dǎo)航: rightsideBar 旗 志: logo 標(biāo) 語: banner 菜單內(nèi)容1: menu1Content 菜單容量: menuContainer 子菜單: submenu 邊導(dǎo)航圖標(biāo):sidebarIcon 注釋: note 面包屑: breadCrumb(即頁面所處位置導(dǎo)航提示) 容器: container 內(nèi)容: content 搜索: search 登陸: login 功能區(qū): shop(如購物車,收銀臺) 當(dāng)前的 current
為了更加有效的使用CSS樣式表, 大型的網(wǎng)站通常有許多個不同的樣式表,按照不同的分類來調(diào)用不同的CSS樣式表。 這些樣式表的命名也需要嚴(yán)格的規(guī)范。 嚴(yán)格的CSS文件名命名規(guī)則,同樣可以為工作帶來更多的便利。下面是一些常用的CSS文件名命名規(guī)則。
主要的 master.css 布局,版面 layout.css 專欄 columns.css 文字 font.css 打印樣式 print.css 主題 themes.css
當(dāng)然, 在實(shí)際的使用中, 網(wǎng)頁制作人員經(jīng)常會根據(jù)自己的喜好和習(xí)慣來命名CSS樣式名稱, 和CSS文件的名稱。 這樣無形中會增加團(tuán)隊中溝通所需要的時間。 尤其是合作人員對于CSS樣式不是很精通的時候,所花費(fèi)的時間勢必更多。 所以,如何制定一套擴(kuò)展性較好的,嚴(yán)格的CSS命名規(guī)范在整個互聯(lián)網(wǎng)行業(yè)內(nèi)都是有必要繼續(xù)研究的。
|