Re: [問題] table 列合併語法

作者: ppnow (no ways)   2018-11-05 23:27:02
豎山
我是推文裡發問為何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
列表,似乎是目前流行的做法
還是有其他主流做法?
新手發問可能很蠢很簡單,或問的不好,
請大大不吝指導,謝謝
作者: shter (飛梭之影)   2018-11-05 23:50:00
應該是說假設網站左邊是一排選單Tree 中間是主畫面的layout例如 Gmail 或大部分郵件網站的基本 layout style 是這樣此時你要分割畫面,左邊要 200px panel 然後剩下的塞主畫面你用 table 就是兩個 td 一個寬 200px 一個吃剩下的 px但作為 layout 不建議你用 table 去達成這個畫面分割作法會建議用例如兩個 Div,左邊 width 固定 200px主畫面則是 position: absolue; left: 200px;用這個 CSS 讓主畫面的 Div 顯示在距離左邊界 200px 之處主畫面的 width 可以用 calc(100% - 200px)
作者: Kenqr (function(){})()   2018-11-06 13:06:00
台灣叫排版 中國叫佈局
作者: ppnow (no ways)   2018-11-06 14:15:00
謝謝兩位大大分享XD
作者: kawaii98 (kawaii98)   2018-11-08 20:48:00
其實不一定要用ul li,也可以用flex box做rwd排版
作者: ymcheung (ymc)   2018-11-08 20:59:00
ul li 語意還算清楚 至少...比都是 div 清楚
作者: ppnow (no ways)   2018-11-10 04:31:00
是啊,所以HTML5才會強調語意標籤

Links booklink

Contact Us: admin [ a t ] ucptt.com