宇易網絡為什么全部使用DIV+CSS建站？

今天泰州網站建設公司(si)與大家詳(xiang)細(xi)解說的是(shi)建(jian)站(zhan)(zhan)技術(shu)之(zhi)DIV+CSS。在(zai)網(wang)(wang)站(zhan)(zhan)建(jian)設中(zhong)，DIV+CSS是(shi)網(wang)(wang)站(zhan)(zhan)標準(zhun)（或稱“WEB標準(zhun)”）中(zhong)常用的術(shu)語之(zhi)一(yi)，通常為(wei)了說明(ming)與HTML網(wang)(wang)頁設計(ji)語言中(zhong)的表格(ge)（table）定(ding)位(wei)方(fang)式的區(qu)別，因為(wei)XHTML網(wang)(wang)站(zhan)(zhan)設計(ji)標準(zhun)中(zhong)，不再(zai)使(shi)用表格(ge)定(ding)位(wei)技術(shu)，而是(shi)采用DIV+CSS的方(fang)式實現(xian)各(ge)種(zhong)定(ding)位(wei)。DIV+CSS的標準(zhun)在(zai)2003年就已經提(ti)出，現(xian)在(zai)各(ge)大網(wang)(wang)站(zhan)(zhan)均使(shi)用的是(shi)該布局方(fang)式，但(dan)是(shi)有(you)很多公司(si)為(wei)了省事(shi)，少書寫代(dai)碼(ma)，依然(ran)不負責任地繼續使(shi)用表格(ge)定(ding)位(wei)方(fang)式為(wei)客戶建(jian)站(zhan)(zhan)。

DIV元(yuan)(yuan)素(su)是(shi)用來(lai)為(wei)HTML文檔(dang)內大(da)塊(kuai)（block-level）的內容提供結(jie)構(gou)和背景(jing)的元(yuan)(yuan)素(su)。DIV的起(qi)始(shi)標簽(qian)(qian)和結(jie)束標簽(qian)(qian)之間的所有(you)內容都(dou)是(shi)用來(lai)構(gou)成這(zhe)個塊(kuai)的，其(qi)中所包含元(yuan)(yuan)素(su)的特性(xing)由DIV標簽(qian)(qian)的屬(shu)性(xing)來(lai)控制，或者是(shi)通過使用樣式(shi)表格(ge)式(shi)化這(zhe)個塊(kuai)來(lai)進行控制。

CSS ,即是(shi)英語Cascading Style Sheets（層疊樣(yang)(yang)式表單）的(de)縮寫，它是(shi)一種用來(lai)表現 HTML 或 XML 等文件式樣(yang)(yang)的(de)計(ji)算(suan)機語言。

那么(me)采用CSS+DIV進行(xing)網頁重構相對與傳統的TABLE網頁布局而具有以下幾個顯著優(you)勢(shi)： 　　

1、代(dai)(dai)碼(ma)精簡。使用(yong)DIV+CSS布局，頁面代(dai)(dai)碼(ma)精簡，這一點相信對XHTML有(you)(you)(you)所(suo)了解的都知道。代(dai)(dai)碼(ma)精簡所(suo)帶來的直接好處有(you)(you)(you)兩點：一是提高spider爬行(xing)(xing)效率，能在最短的時(shi)間內爬完(wan)整個(ge)頁面，這樣對收(shou)錄質量有(you)(you)(you)一定(ding)好處;二是由于能高效的爬行(xing)(xing)，就會受到spider喜歡(huan)，這樣對收(shou)錄數量有(you)(you)(you)一定(ding)好處。

2、易于維護和改(gai)版。只要簡單的修改(gai)幾個CSS文件就可以重新設計整個網站的頁面。

3、對網(wang)站的(de)(de)Alexa排名(ming)的(de)(de)影響。基于(yu)XTHML標準的(de)(de)DIV+CSS布局，一(yi)般(ban)在設計(ji)完成后會(hui)盡可能(neng)的(de)(de)完善到能(neng)通(tong)過W3C驗證(zheng)。截止(zhi)目前沒有搜索引擎(qing)表(biao)示排名(ming)規則會(hui)傾向于(yu)符(fu)合W3C標準的(de)(de)網(wang)站或頁面(mian)，但事實(shi)證(zheng)明(ming)使用(yong)XTHML架(jia)構的(de)(de)網(wang)站排名(ming)狀(zhuang)況一(yi)般(ban)都不錯。

4、表(biao)現和內容(rong)相分離(li)。將(jiang)設計(ji)部(bu)分剝離(li)出來(lai)放(fang)(fang)在一個獨立樣式文(wen)件中(zhong)，HTML文(wen)件中(zhong)只存放(fang)(fang)文(wen)本信息。

5、提高(gao)頁(ye)面(mian)(mian)瀏覽速(su)(su)(su)度(du)。DIV+CSS布(bu)局較(jiao)Table布(bu)局減少了頁(ye)面(mian)(mian)代(dai)碼，加載速(su)(su)(su)度(du)得(de)到很大的提高(gao)，這在spider爬(pa)行(xing)時是(shi)非(fei)常有利的。過多的頁(ye)面(mian)(mian)代(dai)碼可能造(zao)成爬(pa)行(xing)超時，spider就會認為(wei)這個(ge)頁(ye)面(mian)(mian)無法訪問，影響收(shou)錄及權(quan)重。另一(yi)方面(mian)(mian)，真正的網站優化不只是(shi)為(wei)了追求收(shou)錄、排名，快速(su)(su)(su)的響應(ying)速(su)(su)(su)度(du)是(shi)提高(gao)用(yong)戶(hu)體驗度(du)的基礎，這對整個(ge)搜索引擎優化及營銷都(dou)是(shi)非(fei)常有利的。

6、表格(ge)的(de)嵌套(tao)問題。很(hen)多網(wang)站如(ru)何(he)推(tui)廣的(de)文章中(zhong)(zhong)稱，搜(sou)索引擎一(yi)般不抓取三層(ceng)以上的(de)表格(ge)嵌套(tao)，這(zhe)(zhe)一(yi)點一(yi)直沒有(you)得(de)到(dao)(dao)(dao)(dao)搜(sou)索引擎官方的(de)證實。但根據目前(qian)掌握的(de)情況來看(kan)，spider爬行Table布局(ju)的(de)頁(ye)面(mian)(mian)，遇到(dao)(dao)(dao)(dao)多層(ceng)表格(ge)嵌套(tao)時(shi)，會(hui)跳過(guo)(guo)(guo)嵌套(tao)的(de)內(nei)容或直接放(fang)棄整個頁(ye)面(mian)(mian)。使用Table布局(ju)，為了達到(dao)(dao)(dao)(dao)一(yi)定的(de)視(shi)覺效果，不得(de)不套(tao)用多個表格(ge)。如(ru)果嵌套(tao)的(de)表格(ge)中(zhong)(zhong)是核心(xin)內(nei)容，spider爬行時(shi)跳過(guo)(guo)(guo)了這(zhe)(zhe)一(yi)段沒有(you)抓取到(dao)(dao)(dao)(dao)頁(ye)面(mian)(mian)的(de)核心(xin)，這(zhe)(zhe)個頁(ye)面(mian)(mian)就成了相似頁(ye)面(mian)(mian)。網(wang)站中(zhong)(zhong)過(guo)(guo)(guo)多的(de)相似頁(ye)面(mian)(mian)會(hui)影響排(pai)名及域(yu)名信(xin)任度(du)。而DIV+CSS布局(ju)基本上不會(hui)存(cun)在(zai)這(zhe)(zhe)樣(yang)的(de)問題，從(cong)技術(shu)角度(du)來說，XHTML在(zai)控制樣(yang)式(shi)時(shi)也不需(xu)要過(guo)(guo)(guo)多的(de)嵌套(tao)。DIV+CSS起到(dao)(dao)(dao)(dao)的(de)作用是將設計部分剝離(li)出(chu)來放(fang)在(zai)一(yi)個獨立樣(yang)式(shi)文件中(zhong)(zhong)，HTML文件中(zhong)(zhong)只存(cun)放(fang)文本信(xin)息。 　　

7、提高搜(sou)索引擎對(dui)網頁的索引效率。用只包含結構化內容(rong)的HTML代替嵌套的標簽，搜(sou)索引擎將更有效地搜(sou)索到你(ni)的網頁內容(rong)，并(bing)可能給你(ni)一個較高的評價(jia)。