網頁設計的布局代碼編寫一般有兩種形式的，table和div+css。早些年做網站建設前端開發，大多是使用的table布局形式的，那個時候的網頁布局大多比較死板，并不靈活?，F如今，前端開發基本上都是使用的DIV+CSS形式的，這種布局形式有什么好處呢，本篇文字同大家簡單分析下。

一、能做到內容與表現形式分離，使用div+css布局，可以將css樣式定義文件單獨放置在一個文件中，然后html頁面中引用下樣式代碼的鏈接，這樣，HTML代碼就能做到最大程度的精簡，而且也有利于后期的細節修改調整。

二、能夠提高網頁加載速度，因為div+css是將樣式文件單獨存放的，所以使得html頁面代碼做到了精簡，所以頁面加載速度也有所提升。加載速度快了，對于后期的SEO優化也是非常有好處的，因為一個網頁響應時間越短，搜索引擎對該網站的評分就會越高，再配合高質量的原創內容信息，網站一定會獲得一個不錯的排名的。

三、靈活性更強，通過使用不同的標簽和class定義，能夠完美實現各種樣式的布局排版，不像原來的table那樣，想要實現一個復雜的布局結構，需要多層的table嵌套才能實現最終的效果，以至于代碼結構復雜，不利于搜索引擎的抓取。

使用div+css布局的好處還遠不止上面這些，也正因為它的好處非常多，所以現在已經幾乎沒人再使用table做布局了。