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

看板Web_Design作者 (no ways)時間5年前 (2018/11/05 23:27), 編輯推噓4(4推 0噓 10→)
留言14則, 5人參與, 5年前最新討論串2/3 (看更多)
豎山 我是推文裡發問為何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://www.ptt.cc/bbs/Web_Design/M.1541431625.A.E95.html
推
11/05 23:50, 5年前 , 1F
應該是說假設網站左邊是一排選單Tree 中間是主畫面的layout
11/05 23:50, 1F
→
11/05 23:51, 5年前 , 2F
例如 Gmail 或大部分郵件網站的基本 layout style 是這樣
11/05 23:51, 2F
→
11/05 23:51, 5年前 , 3F
此時你要分割畫面，左邊要 200px panel 然後剩下的塞主畫面
11/05 23:51, 3F
→
11/05 23:52, 5年前 , 4F
你用 table 就是兩個 td 一個寬 200px 一個吃剩下的 px
11/05 23:52, 4F
→
11/05 23:52, 5年前 , 5F
但作為 layout 不建議你用 table 去達成這個畫面分割作法
11/05 23:52, 5F
→
11/05 23:53, 5年前 , 6F
會建議用例如兩個 Div，左邊 width 固定 200px
11/05 23:53, 6F
→
11/05 23:54, 5年前 , 7F
主畫面則是 position: absolue; left: 200px;
11/05 23:54, 7F
→
11/05 23:54, 5年前 , 8F
用這個 CSS 讓主畫面的 Div 顯示在距離左邊界 200px 之處
11/05 23:54, 8F
→
11/05 23:55, 5年前 , 9F
主畫面的 width 可以用 calc(100% - 200px)
11/05 23:55, 9F
推
11/06 13:06, 5年前 , 10F
台灣叫排版 中國叫佈局
11/06 13:06, 10F
→
11/06 14:15, 5年前 , 11F
謝謝兩位大大分享XD
11/06 14:15, 11F
推
11/08 20:48, 5年前 , 12F
其實不一定要用ul li，也可以用flex box做rwd排版
11/08 20:48, 12F
推
11/08 20:59, 5年前 , 13F
ul li 語意還算清楚 至少...比都是 div 清楚
11/08 20:59, 13F
→
11/10 04:31, 5年前 , 14F
是啊，所以HTML5才會強調語意標籤
11/10 04:31, 14F
‣ 更多 ppnow 的文章
文章代碼(AID): #1Ru659wL (Web_Design)
‣ 更多 ppnow 的文章
文章代碼(AID): #1Ru659wL (Web_Design)