css樣式類怎么命名 css樣式起名

有利于SEO優(yōu)化的DIV+CSS的命名規(guī)則小結(jié)

1、css樣式的類名或者相關(guān)的ID名也是需要一定的規(guī)則,這樣有利于前臺(tái)和后臺(tái)的交互。一般公司開發(fā)都是給技術(shù)員一本網(wǎng)站前端開發(fā)規(guī)范,里面詳細(xì)的說(shuō)明了各個(gè)命名的規(guī)則等相關(guān)的問題。

成都創(chuàng)新互聯(lián)公司專注于企業(yè)全網(wǎng)整合營(yíng)銷推廣、網(wǎng)站重做改版、嘉陵網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5頁(yè)面制作、商城建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性價(jià)比高,為嘉陵等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

2、DIV+CSS樣式表命名不能隨意而為,否則以后進(jìn)行維護(hù)時(shí)困難很大。如同軟件開發(fā)中對(duì)類名的仔細(xì)處理一樣,DIV+CSS樣式表命名也需要遵循規(guī)則。

3、DIV+CSS達(dá)到了內(nèi)容與代碼相分離的效果。使用DIV+CSS設(shè)計(jì)的網(wǎng)站是符合W3C標(biāo)準(zhǔn)的,可以更方便搜索引擎的索引。而Table布局會(huì)產(chǎn)生很多的垃圾代碼,修飾的樣式與布局的代碼混合,很不利于直觀。

4、將css和js放在外部文件中,頁(yè)面html中只要放一樣代碼調(diào)用就可以了。減少注釋,雖然注釋對(duì)于程序員來(lái)說(shuō)還是非常有用的,但是對(duì)于搜索引擎毫無(wú)意義減少表格,特別是嵌套表格。

5、CSS+DIV與SEO 代碼技巧也是不時(shí)開展的,現(xiàn)在的網(wǎng)頁(yè)制作中,更多的功用完結(jié)會(huì)借助于CSS+DIV代碼,這也是今朝最利于SEO優(yōu)化的技巧。

6、支持瀏覽器的向后兼容,也就是無(wú)論未來(lái)的瀏覽器大戰(zhàn),勝利的是ie7或者是火狐,您的網(wǎng)站都能很好的兼容。搜索引擎更加友好。相對(duì)與傳統(tǒng)的table,采用div+css技術(shù)的網(wǎng)頁(yè),對(duì)于搜索引擎的收錄更加友好。

怎樣給css樣式命名

1、點(diǎn)擊“格式”菜單,選擇“CSS樣式”命令,然后在子菜單中選擇要應(yīng)用的樣式。從選定的內(nèi)容中刪除類樣式 點(diǎn)擊“窗口”菜單,選擇“屬性”命令,打開HTML屬性檢查器。 選擇要從中刪除樣式的對(duì)象或文本。

2、這個(gè)時(shí)候給指定的表格對(duì)象設(shè)置樣式依然可以通過(guò)CSS進(jìn)行控制設(shè)置。其實(shí)有時(shí)我們這樣思考將table標(biāo)簽當(dāng)作DIV標(biāo)簽來(lái)布局設(shè)置CSS,就變得簡(jiǎn)單多了。

3、有時(shí)候可以給選擇器添加一個(gè)表示狀態(tài)的前綴,讓語(yǔ)義更明了,比如下圖是添加了“.is-”前綴。

4、在內(nèi)(不是在標(biāo)簽內(nèi))使用標(biāo)簽將css樣式文件鏈接到HTML文件內(nèi),如下面代碼:注意:css樣式文件名稱以有意義的英文字母命名,如 main.css。rel=stylesheet type=text/css 是固定寫法不可修改。

CSS布局命名規(guī)范

大小寫敏感只能包含[a-zA-Z0-9]、-,其中不能以、-、0-9開頭在CSS的命名規(guī)范中,名稱不能以數(shù)字開始,只能以字母、連字符、下劃線開始。之后可以是字母、連字符、下劃線或數(shù)字。

@import main.css;這樣就可以在IE4中也隱藏CSS了,呵呵,還節(jié)省了5個(gè)字節(jié)呢。

通過(guò)統(tǒng)一的命名規(guī)范定義命名的范圍,成為CSS class & id命名空間。布局: 以語(yǔ)義化的單詞layout作為命名空間,例如主欄布局命名 layout-main,只改變layout-命名空間后面的命名,layout始終保留。布局的命名空間為layout-xxx。

用過(guò)css hack的朋友應(yīng)該知道,用下劃線命名也是一種hack,如使用“_style”這樣的命名,可以讓ie外的大部分瀏覽器忽略這個(gè)樣式的定義,所以使用“_”做為命名時(shí)的分隔符是不規(guī)范的。

正確命名規(guī)則如下:名稱不能以數(shù)字開始,只能以字母、連字符、下劃線開始。之后可以是字母、連字符、下劃線或數(shù)字。同時(shí)應(yīng)該注意的是,CSS中的命名是區(qū)分大小寫??梢允褂茫部梢燥@示樣式。

文章題目:css樣式類怎么命名 css樣式起名
標(biāo)題網(wǎng)址:http://muchs.cn/article9/dgodjoh.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、標(biāo)簽優(yōu)化、網(wǎng)站維護(hù)、營(yíng)銷型網(wǎng)站建設(shè)、面包屑導(dǎo)航、軟件開發(fā)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)