製做網頁時Div與Table的區別

1.製做效率

我想沒人反對錶格的製做效率要高於Div的效率。很明顯Div佈局代碼所有都要手寫。即便你在熟悉代碼，也沒有 Dreamweaver生成來的快吧！因此Table能夠很容易創建起結構化的界面，經過table自身的參數定義，咱們能把頁面佈局很快定義成咱們所須要的效果。

2.瀏覽器的兼容問題

table和div在兼容問題中，table更具備優點。

咱們經常使用的IE6.0，IE7.0火狐Firefox瀏覽器對div css設置上很是挑剔，每每同一個css在2種瀏覽器上會有不一樣的結果，對設計製做人員來講是個可怕的問題。咱們不可能對用戶的瀏覽器進行排斥和統一化，所以只有經過在製做的時候調整咱們的語法和佈局方法。div要求咱們嚴格css支持，而table能夠不用考慮這麼多。table的嚴謹在不一樣瀏覽器中獲得了很好的表現。

3.擴展性和可讀性

Table的擴展性和可讀性都是不好的，擴展差表如今維護和修正上面。DIV不用從新設計排版網頁，甚至於不用動原網站的任何HTML和程序頁面，只須要改動CSS文件就完成了全部改版。而Table則須要一個頁面一個頁面的更改須要變更的地方。

而可讀性table基本上是沒有的，誰能從一大堆代碼裏面看的出哪是標題哪是正文。所有是<table><tr><td></td></tr></table>。還一個障礙即是當table容器內內容過多時，使頁面的加載時間增長，由於瀏覽器首先要加載<table> 標籤，而在加載到</table>以前，table裏的內容不會顯示。

Table和div佈局都有各自的優缺點。整體來講，使用Div佈局的優勢：

1.大大縮減頁面代碼，提升頁面瀏覽速度。

2.結構清晰，可讀性很是強，也容易被搜索引擎搜索到，優化了seo。

3.縮短改版時間。只要簡單的修改幾個CSS文件就能夠改變不少頁面。Table要想改變的話，須要一個頁面一個頁面的去修改。

4.表現和內容相分離，這點是很是符合w3c標準的。

對於公司常常製做的中小型企業網站，你們能夠先試着用div+table去作，這只是一個過渡期。你會發現這個時期作起來比純table和純div+css去作要快不少。兩種作法的優缺點均可以很好的互補。熟練後，能夠用div去作下。另外w3c之因此推出div+css，其目的就是爲了提升執行效率，優化程序，由原有的HTML向XML過分，做爲長遠的發展.div確定是賽過table的。

1.大大縮減頁面代碼，提升頁面瀏覽速度,縮減帶寬成本;
2.結構清晰，容易被搜索引擎搜索到，天生優化了seo
3.縮短改版時間。只要簡單的修改幾個CSS文件就能夠從新設計一個有成百上千頁面的站點。
4.強大的字體控制和排版能力。CSS控制字體的能力比糟糕的FONT標籤好多了，有了CSS，咱們再也不須要用FONT標籤或者透明的1 px GIF圖片來控制標題，改變字體顏色，字體樣式等等。
5.CSS很是容易編寫。你能夠象寫html代碼同樣輕鬆地編寫CSS。
6.提升易用性。使用CSS能夠結構化HTML，例如：<p>標籤只用來控制段落，heading標籤只用來控制標題，table標籤只用來表現格式化的數據等等。你能夠增長更多的用戶而不須要創建獨立的版本。
7.能夠一次設計，隨處發佈。你的設計不只僅用於web瀏覽器，也能夠發佈在其餘設備上，好比PowerPoint。
8.更好的控制頁面佈局。不用多說。
9.表現和內容相分離。將設計部分剝離出來放在一個獨立樣式文件中，你能夠減小將來網頁無效的可能。
10.更方便搜索引擎的搜索。用只包含結構化內容的HTML代替嵌套的標籤，搜索引擎將更有效地搜索到你的內容，並可能給你一個較高的評價(ranking)。
11.Table 佈局靈活性不大，你只能遵循 table tr td 的格式。而div 你能夠 div ul li 也能夠 ol li 還能夠 ul li ……但標準語法最好有序的寫。
12.另外若是你不是javascrput的高手，你能夠沒必要去寫ID，只用class就能夠。當客戶端程序員寫完程序，須要調整時候，你能夠在利用他的ID進行控制。
13.Table 中佈局中，垃圾代碼會不少，一些修飾的樣式及佈局的代碼混合一塊兒，很不利於直觀。而Div 更能體現樣式和結構相分離，結構的重構性強。
14.在幾乎全部的瀏覽器上均可以使用。

15.之前一些非得經過圖片轉換實現的功能，如今只要用CSS就能夠輕鬆實現，從而更快地下載頁面。

16.使頁面的字體變得更漂亮，更容易編排，使頁面真正賞心悅目。

17.你能夠輕鬆地控制頁面的佈局 。