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