作者ppnow (no ways)
看板Web_Design
標題Re: [問題] table 列合併語法
時間Mon Nov 5 23:27:02 2018
豎山
我是推文裡發問為何W3S不建議使用
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), 來自: 111.242.189.118
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1541431625.A.E95.html
1F：推 shter: 應該是說假設網站左邊是一排選單Tree 中間是主畫面的layout 11/05 23:50
2F：→ shter: 例如 Gmail 或大部分郵件網站的基本 layout style 是這樣 11/05 23:51
3F：→ shter: 此時你要分割畫面，左邊要 200px panel 然後剩下的塞主畫面 11/05 23:51
4F：→ shter: 你用 table 就是兩個 td 一個寬 200px 一個吃剩下的 px 11/05 23:52
5F：→ shter: 但作為 layout 不建議你用 table 去達成這個畫面分割作法 11/05 23:52
6F：→ shter: 會建議用例如兩個 Div，左邊 width 固定 200px 11/05 23:53
7F：→ shter: 主畫面則是 position: absolue; left: 200px; 11/05 23:54
8F：→ shter: 用這個 CSS 讓主畫面的 Div 顯示在距離左邊界 200px 之處 11/05 23:54
9F：→ shter: 主畫面的 width 可以用 calc(100% - 200px) 11/05 23:55
10F：推 Kenqr: 台灣叫排版 中國叫佈局 11/06 13:06
11F：→ ppnow: 謝謝兩位大大分享XD 11/06 14:15
12F：推 kawaii98: 其實不一定要用ul li，也可以用flex box做rwd排版 11/08 20:48
13F：推 ymcheung: ul li 語意還算清楚 至少...比都是 div 清楚 11/08 20:59
14F：→ ppnow: 是啊，所以HTML5才會強調語意標籤 11/10 04:31