規范的命名css文件會利于seo優化嗎?有經驗的網站制作人員肯定明白,對于有多個欄目的大型網站而言,不可以也是不可能使用單一的css文件,但如何命名CSS文件對于新手來說是件容易出亂子的事。那么怎么規范的命名css文件呢?江西seo博主告訴大家:堅持使用統一的CSS命名規則并養成習慣,可以讓你更加容易的維護、修改以前編寫過的CSS代碼,進而提高自己的工作效率,而且對網站優化也起著蠻好的作用,方便記憶,那么,我們如何才能將CSS的命名做得井井有條呢?
一、css文件和樣式命名方法
比如:1、css文件命名
全局樣式:global.css
框架布局:layout.css
字體樣式:font.css
鏈接樣式:link.css
2、css樣式命名
博主就給大家列出一些常用的命名詞方便大家使用
容器:container/box
頭部:header
主導航:nav
網站標志:logo
大廣告:banner
底部:footer
菜單:menu
列表:list
圖標:ico
登錄:login
二、css的優先級
行內樣式(inline style) > ID選擇符 > 樣式(class)、偽類(pseudo-class)和屬性(attribute)選擇符 > 類別(type),偽對象(pseudo-element)。
博主解釋一下這幾個的意思:
*內聯樣式:元素的style屬性,比如 <div style="color:red;"></div>,其中的color:red;就是行內樣式。
*ID選擇符:元素的id屬性,比如<div></div>可以用ID選擇符#content
*偽類:最常見的就是a鏈接偽類,比如a:link,a:visited.
*屬性選擇符:比如div[class=demo],含有class為demo的div元素。
*類別選擇器:HTML標簽選擇,比如div .demo,div元素下含有class為demo的元素。
*偽對象選擇器:比如div:first-letter,div元素下的第一個單詞。
三、CSS代碼書寫樣式
其實在寫css代碼的時候,每個人都有自己的抒寫習慣,但是標準的css書寫樣式如下:
.width {
width:100px;
}
總結
以上即是博主為大家分享的“規范的命名css文件會利于seo優化嗎?”其實一名專業的SEOer是有很多工作要做的,其中對代碼的優化就是一個很重要的環節(關于網站代碼優化的更多知識可以訪問《分享幾個優化網站代碼的方法》),為了更加符合SEO優化的規范,希望大家盡量按照上面的css方法來命名以及書寫來建設自己的網站,當然這些CSS文件不用一次性全部新建出來,用到的時候在新建就行,但是在初步規劃的時候一定要想到。