HTML CSS - table 與 div 不同的地方在那呢?

最近, 對 div + css 有點好奇, 就爬了一下文, 發覺 貓魚的狗窩 之 【教學】從table到div——CSS排版基礎教學 這一篇說明得很好, 簡單明瞭:

table和div最大的不同在於，
table它強調「嵌套」，一個表格套一個表格；
div則更注重「層疊」，一個div疊在另一個div之上。
寫作的時候記住他們的區別，便會容易理解很多。
在寫HTML的時候，table的先後順序非常重要，然而div則完全不必考慮順序，只經由CSS來定義。

原來, div 與 span 搭配上了 css, 功能與彈性相當地強, 之前只是聽說, 自己試了幾個例子之後, 才發現真是很方便。
html 的架構或 layout 也會變得比較簡單, 而由 css 來操控就可以了。

而且, 如果要 debug 也比較簡單, 以往數 table 的數目, 就不是簡單的事, 再加上如果要排比較複雜、而且不太規則的版時, 那又是一個大工程。

雖然還沒有機會用 div 來實作較複雜的網頁, 不過, 至少多認識了一個好用的元件。

Java Script 還真的有好多我還不知道的好玩功能啊!!

ps: 作者有推薦一頁 css 介紹, 也蠻不錯的。