現(xiàn)在很多網(wǎng)站還停留在table時代,深圳網(wǎng)站建設(shè)佳速互聯(lián)提醒各位站長了解瀏覽器下載DIV的速度比下載表格的速度要快好多倍,所以采用DIV+CSS排版可以有效的穩(wěn)定客戶的等待情緒,增加客戶訪問的友好性。采用DIV+CSS排板有利于減少錯誤代碼,提高頁面對蜘蛛的友好性,便于后期維護(hù),提高工作效率。
1.什么是CSS
CSS稱為層疊樣式表。選用CSS技能,能夠有用地對頁面的規(guī)劃、字體色彩、布景等進(jìn)行精準(zhǔn)的操控。
CSS使得網(wǎng)頁顯現(xiàn)描繪與文檔規(guī)劃完全別離,避免了獨(dú)自運(yùn)用HTML標(biāo)簽而導(dǎo)致的文檔規(guī)劃與顯現(xiàn)描繪之間的紊亂,進(jìn)步代碼的可讀性。CSS從全體上對頁面規(guī)劃進(jìn)行操控,運(yùn)用一樣的款式文件或許一樣的稱號的款式表能夠?qū)σ粯痈窬值膬?nèi)容進(jìn)行操控,節(jié)約很多的代碼。可是,當(dāng)前搜索引擎并不解析CSS內(nèi)容。若是頁面中每一個款式都運(yùn)用CSS進(jìn)行操控,則搜索引擎就辨認(rèn)不了頁面中相關(guān)內(nèi)容款式,也就不能依據(jù)這些內(nèi)容的款式判別頁面的相關(guān)性。
如下所示,方法1及方法2的意圖都是為“搜索引擎優(yōu)化”添加“粗體”符號。方法1是經(jīng)過調(diào)用CSS中的“B”款式完成的;而方法2則直接選用粗體標(biāo)簽。因?yàn)樗阉饕娌⒉唤馕鰳邮奖淼膬?nèi)容,所以也不能辨認(rèn)方法1中的內(nèi)容是不是選用了“粗體”符號;而對方法2能夠容易辨認(rèn),然后給方法2的頁面賦予相應(yīng)的權(quán)重。
方法1:
<p class=b>深圳網(wǎng)站建設(shè)</p>
方法2:
<p><b>深圳網(wǎng)站建設(shè)</b></p>
款式表內(nèi)容:
<style type="text/css">
.b{font-weight:bold;}
</style>
2.Css優(yōu)化
Css優(yōu)化主要是改動Css的調(diào)整用方法以用避免運(yùn)用CSS為重要內(nèi)容界說款式,以到達(dá)精簡頁面代碼及進(jìn)步頁面相關(guān)性的意圖。
A.經(jīng)過改CSS的調(diào)用方法及運(yùn)用CSS對一樣款式的內(nèi)容進(jìn)行操控,能夠節(jié)約大理的代碼。
B.避免運(yùn)用CSS為重要的內(nèi)容界說款式。頁面中重要內(nèi)容的款式(尤其是主輔關(guān)鍵詞)有必要運(yùn)用HTML標(biāo)簽,這樣才干到達(dá)杰出頁面中的主輔關(guān)鍵詞,進(jìn)步頁面相關(guān)性的意圖。
3.CSS調(diào)用方法
CSS調(diào)整用方法分頁內(nèi)部調(diào)用及外部調(diào)用,其間內(nèi)部調(diào)用又分為頭部調(diào)用及主體調(diào)用。
A.頭部調(diào)用即是把需求運(yùn)用的CSS款式內(nèi)直接放置在頁面的頭部中(即<head></head>區(qū)域)。若是款式內(nèi)容極少則影響不大,不然不光大大添加頁面的體積,還占用頂部的重方位,給頁帶來極大的fu/mian影響。
B.主體調(diào)用即是在頁面主體需求款式操控的內(nèi)容中添加相應(yīng)Css款式,這種Css調(diào)用方法即不能發(fā)揚(yáng)CSS款式的表的優(yōu)勢(即關(guān)于一樣款式的內(nèi)容運(yùn)用同一個款式進(jìn)行操控),又大大添加頁面代碼量。
C.外部調(diào)用把CSS款式放在外部文件中,使得CSS款式與頁面完全別離,能夠有用削減頁面代碼量,并且還不會占用頁面頂部的重要方位,讓搜索引擎能夠優(yōu)先發(fā)現(xiàn)頁中相對重要的內(nèi)容??墒牵黄鹨苊膺\(yùn)用CSS為重要內(nèi)容界說款式,例如網(wǎng)頁中的主輔關(guān)鍵詞。
4.DIV+CSS
運(yùn)用DIV+css方法制造頁面,一方面能夠避免廢物代碼的發(fā)生,另一方面能夠削減重復(fù)代碼。
運(yùn)用DIV+css方法制造頁面,不論關(guān)于搜索引擎仍是普通用戶都是十分友愛的。關(guān)于搜索引擎來說,DIV+css制造頁面代碼簡略、明晰,占存儲空間小;而關(guān)于普通用戶來說,在下載頁面的時分,DIV+css方法是以 <div></div>為單位,其內(nèi)容遠(yuǎn)少于表格,頁面翻開自也會更流通。
可是,使DIV+css方法制造頁面也有缺陷。
第一,咱們在制造頁面的時分還要調(diào)整其他多個瀏覽器的兼容性,例如IE6、IE7、IE8及Firefox等;
第二,搜索引擎并不解析CSS文件里的內(nèi)容,關(guān)于那些需求杰出的關(guān)鍵詞或許內(nèi)容,最佳不是選用HTML標(biāo)簽進(jìn)行標(biāo)示。