Re: [问题] table 列合并语法 ppnow PTT批踢踢实业坊

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才会强调语意标签

继续阅读

[问题] 做好的网站怎么上传Rjunkai [问题] table 列合并语法hpesoj [情报] 客制化进阶 RWD 手机版网页设计班mamamiya888 [问题] 检视网页原始码lkm981324 [问题]有付费or免费建购物车的软件吗???a777starmy Fw: [精进] [台北] elm读书会(缺六)iamnodoubt Fw: [精进] [台北] GraphQL读书会(缺一)iamnodoubt [问题] 关于协作的问题wu7761 [问题] php+javascript分页问题kawaii98 [问题] 判断图片是否存在再开图的语法Boner