作者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/cn.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