CSS+DIV網頁重構對比TABLE布局的顯著優勢

來源:互聯網
上載者:User

採用CSS+DIV對網站重構日趨被大家重視起來了,尤其是大型網站,就在今天下午,IT168首頁改版就選擇了這種做法。其實,早些時候像阿里巴巴、163等大型門戶網站就已經完成了重構工作。 Robin 早在去年就已經有了使用CSS+DIV來編寫網頁源碼的習慣了,個人感覺這種方法確實比傳統的TABLE形式的源碼架構強多了。

採用CSS+DIV進行網頁重構相對與傳統的TABLE網頁布局而具有以下4個顯著優勢:

1:表現和內容相分離

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

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

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

3:提高頁面瀏覽速度

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

4:易於維護和改版

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

從以上的描述來看,採用CSS+DIV對網站重構可以大大提升網站使用者與搜尋引擎的友好度。



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

11.11 Big Sale for Cloud

Get Unbeatable Offers with up to 90% Off,Oct.24-Nov.13 (UTC+8)

Get It Now >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

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

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