原 PO：

跟你內文的理解沒關聯。

這幾位可能比較年輕，沒遇上早期的情況，或是最近才接觸相關的東西。

以前 CSS 不完全甚至還沒有的時候，純 Html 是由上到下、照規範渲染的，block 的東西你想要左右並排基本不可能，inline 的東西你想上下排也沒辦法。

任何定位也都沒有。現在做定位可能會用 padding、position 之類的，但這是 CSS，那還沒有 CSS 的時候怎麼辦呢？

沒辦法定位的話，要是想做一個有背景、有圖有文有圓角按鈕的網站怎麼辦呢？
那就是利用表格的天性了。
就像堆積木一樣，每一格都是網站的一小部份，把整個網站堆起來。

舉個例子，現在要做一個圓角矩形方塊背景的文字區塊，會在 text 的外面用 border radius。
但以前沒這東西，我們會用 table 去做出一個 3x3的表格，左上、左下、右上、右下填充圓角的圖片，上下左右是一個方形的圖片、中間就是 text 本身。
用這樣的方式去堆出一個圓角矩形。

在 IE 還不支援透明 png 的時候，還曾出現一格 1px 去堆出圓角的瘋狂行為。
在 IE 還不支援透明 png 的時候，還曾出現一格 1px 去堆出圓角的瘋狂行為。

然後 table 本身就可以再包含 table，你可以想像能這樣一層包一層的堆出有很多設計元素的網站。

如果你用過 PS 之類的切片工具就會知道，切完輸出的東西就是一堆圖塊，然後你按原本的順序填進 table 中，就會變成你原本設計的網站了。

但其實 table 本身不該這樣用，html 設計上也不是這用意，html 不該用於任何樣式用途。但早期為了好看沒辦法。

CSS 2 的時候，還有一些我們想要的東西辦不到，還是會有很多人用 html 做樣式用途，或是用不合規範的方式去做，到 CSS 3 的時候基本就完全沒必要了。

你文中說 table 填 ul ol 再用 CSS 做 layout 這段我沒看懂，什麼情況要這樣用？

用 ul li 再 float 做橫向 nav 以前很常見，現在也滿多的，但這其實不是 layout 用意，ul 這樣用是有意義的。

中間的轉換期很多都是因為 CSS 規範制定了，但瀏覽器還沒實作，或是因為早期的 IE 太特例獨行，導致很多非 html 規範意圖的作法，久而久之很多不是那麼在意這些東西的人就一直用不正確、不嚴謹的方式實作。

有一陣子凡是在寫 html 教學的網站都會特別跟大家說「別再用 html 的 XXX 去做 XXX，請用 CSS 的 XXX」。


※ 引述《ppnow (no ways)》之銘言：
: 豎山
: 我是推文裡發問為何W3S不建議使用
: HTML做table的新手，感謝幾位的指導。
: HTML做table的新手，感謝幾位的指導。
: W3S內的說明跟xd大講的很接近，
: 是指不建議用HTML table “layout“，
: （題外話大家是翻譯成排版還是佈局？）
: 網頁來源
: https://www.w3schools.com/html/html_layout.asp
: 截圖如下
: http://i.imgur.com/8DkoVuo.jpg
: http://i.imgur.com/WrI9JIm.jpg
: 我想了解的是，網站上的table基本上都是
: 要經過layout的，所以習慣的做法是在
: HTML table的ul ol li輸入資料，然後再以
: CSS style來layout這樣嗎？
: 例如把直向列表用float改成橫向，類似nav
: 列表，似乎是目前流行的做法
: 還是有其他主流做法？
: 新手發問可能很蠢很簡單，或問的不好，
: 請大大不吝指導，謝謝
: -----
: Sent from JPTT on my Xiaomi Redmi 5.

--
--
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.160.52.68
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 118.160.52.68
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1541451815.A.F2A.html
※ 編輯: cqwt (118.160.52.68), 11/06/2018 05:06:12
※ 編輯: cqwt (118.160.52.68), 11/06/2018 05:07:39
※ 編輯: cqwt (118.160.52.68), 11/06/2018 05:27:18
※ 編輯: cqwt (118.160.52.68), 11/06/2018 06:00:28