• 當前位置：創(chuàng)新互聯(lián) >> 常見問題 >> 前端開發(fā) >> div+css >> DIV+CSS布局排版對于網(wǎng)站那些好處

DIV+CSS布局排版對于網(wǎng)站那些好處

• 作者：創(chuàng)新互聯(lián) 文章來源：前端開發(fā)部 點擊數(shù)： 更新時間：2010-10-30
• 　　現(xiàn)如今做網(wǎng)站已經(jīng)不是單單考慮網(wǎng)站的美觀性了，除了要美觀大方，還要讓搜索引擎抓取網(wǎng)頁的內容。這就是網(wǎng)頁中為什么使用DIV+CSS布局的原因。
  
  　　所有的SEO都想把網(wǎng)站做到完美，在網(wǎng)頁的設計中要優(yōu)化網(wǎng)... 　
  
  一、精簡代碼讓蜘珠爬得更幸福
  　　使用DIV+CSS布局，頁面代碼精簡，這一點相信對xhtml有所懂得的都曉得。代碼精簡所帶來的直接好處有兩點：一是提高蜘蛛爬行效力，能在最短的時光內爬完整個頁面，這樣對收錄品質有一定好處；二是因為能高效的爬行，就會受到蜘蛛歡迎，這樣對收錄數(shù)目有很大利益。
  
  二、解決表格嵌套讓蜘珠觸角無數(shù)不在
  　　搜索引擎往往不抓取三層以上的表格嵌套，這是經(jīng)驗所得無需證明。但依據(jù)目前控制的情況來看，蜘蛛爬行Table布局的頁面，碰到多層表格嵌套時，會跳過嵌套的內容或直接廢棄整個頁面。網(wǎng)站中過多的類似頁面會影響排名及域名信賴度。而DIV+CSS布局基礎上不會存在這樣的問題，從技術角度來說，xhtml在把持款式時也不須要過多的嵌套。
  
  三、網(wǎng)頁的速度 　
  　　使用了DIV+CSS布局的網(wǎng)頁較Table布局減少了頁面代碼，瀏覽加載速度得到很大的提高;
  　　
  四、SEO搜索引擎優(yōu)化
  　　采用div-css設計的網(wǎng)站對于搜索引擎非常友好，很容能取得很好的排名，采用DIV+CSS避免了Table嵌套層次太多無法被搜索引擎抓取的問題;而且簡潔、結構化的代碼更加有利于突出重點和適合搜索引擎抓取。
  
  五、定位更準確
  　　div的代碼的寬、高等都使用css或者頁面的style來控制，也就是說在需要修改一個框的大小、位置時候，可以直接修改css的代碼或者該標簽的style代碼即可實現(xiàn)，幾乎不用修改其他代碼，而且div可以精確的定位于網(wǎng)頁的某一個地方，這點table是做不到的;
  　　使用table的情況下，則可能會因為table的位置出現(xiàn)變動，有的時候不能精確的定位于網(wǎng)頁的某一個地方，而影響到對整片代碼的修改。
  
  六、兼容性
  　　使用table布局，網(wǎng)頁在不同瀏覽器的情況下就會發(fā)生錯位，而DIV+CSS則不會，不論在什么瀏覽器下，網(wǎng)站都不會變形的。
• 純CSS+DIV輕松解決對象在任何位置上水平對齊的問題 :上一篇
  DIV+CSS編碼常見錯誤你占了幾個？ :下一篇