div+css布局與傳傳統的table布局區別

來源:互聯網
上載者:User

為什麼我們用div+css布局而不用傳傳統的table布局
一.用div+css網站布局的好處
1:表現和內容相分離

  將設計部分剝離出來放在一個獨立樣式檔案中,HTML檔案中只存放文本資訊。

2:提高搜尋引擎對網頁的索引效率

  用只包含結構化內容的HTML代替嵌套的標籤,搜尋引擎將更有效地搜尋到你的網頁內容,並可能給你一個較高的評價。

3:提高頁面瀏覽速度

  對於同一個頁面視覺效果,採用CSS+DIV重構的頁面容量要比TABLE編碼的分頁檔容量小得多,前者一般只有後者的1/2大小。

4:易於維護和改版

  你只要簡單的修改幾個CSS檔案就可以重新設計整個網站的頁面。

  從以上的描述來看,採用CSS+DIV對網站重構可以大大提升網站使用者與搜尋引擎的友好度,CSS+DIV所以成為目前網頁布局主流.

二.用表格table對seo影響

1、簡介:為何使用表格排版是不明智的?

  表格之所以存在於 HTML 中,只是為了一個目的:顯示表格狀的資料。然而此後的 border="0" 使得設計師可以將圖片和文本放在這無形的網格中。迄今為止,表格仍然主導著視覺豐富的網站的設計方式,但它卻阻礙了一種更好的、更有親和力的、更靈活的,而且功能更強大的網站設計方法。

2、表格帶來的問題

  把格式資料混入你的內容中。

  這使得檔案的大小無謂地變大,而使用者訪問每個 頁面時都必須下載一次這樣的格式資訊。

  頻寬並非免費。

  這使得重新設計現有的網站和內容極為消耗勞力 (且昂貴)。

  這還使我們保持整個網站的視覺的一致性極難,花費也極高。

  基於表格的頁面還大大降低了它對殘疾人和用手機或 PDA 瀏覽者的親和力。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.