很奇怪 为什么V2EX 还在用 table 布局?

2013-05-18 14:25:46 +08:00
 tension
是为了兼容性 还是?
16338 次点击
所在节点    Project Babel
102 条回复
Livid
2013-05-19 13:08:02 +08:00
@gDD 我从来没有在任何场合谈论过 V2EX 的前端,这方面我不是专家,我也没特别大的兴趣,我只是想尽快做出自己想要的效果。

这个网站上有很多各方面的专家,如果你们都要拿自己最擅长的赖以谋生的技能来我这里找一下优越感的话,那就尽管找好了。反正,开了这个网站,不就是为了让大家有个消遣的地方么?

:-)
cmonday
2013-05-19 13:13:56 +08:00
@Livid 你没有表达过这个意思,但是这里很多人默认把你和你做的网站当典范。上面很多人不是说吗,在这里用table就是好,就是该用。有的人说应该更加语义化,或者应当结构与样式分离,就被说成是为了彰显技术而做。
还有,有必要发这么大脾气吗?
Livid
2013-05-19 13:16:24 +08:00
@cmonday 我再说一遍,这些什么被当成典范的神逻辑是你自己臆想出来的。我只是觉得你这些逻辑莫名其妙。
1to3
2013-05-19 14:04:02 +08:00
@Livid 回一句我喜欢,争论就没必要了。
@cmonday 他爱咋怎就咋整,无法要求。
veraucio
2013-05-19 14:22:58 +08:00

Google首页搜索框结构,谁给解释下这样的好处?
lfzyx
2013-05-19 14:43:38 +08:00
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="48" valign="top" align="center"><img src="http://excdn.noerr.eu.org/avatar/4ab3/5559/17638_normal.png?m=1367370064" class="avatar" border="0" align="default"auto /></td>
<td width="10" valign="top"></td>
<td width="auto" valign="top" align="left"><div class="fr"><div id="thank_area_623627" class="thank_area"><a href="#;" onclick="if (confirm('确认要不再显示来自 @tension 的这条回复?')) { ignoreReply(623627, '87589'); }" class="thank" style="color: #ccc;">隐藏</a> &nbsp; &nbsp; &nbsp; <a href="#;" onclick="thankReply(623627, 'dnnhscqsqrjsxyekjqrhrjhwtdhfikbo');" class="thank">感谢回复者</a></div> &nbsp; <a href="#;" onclick="replyOne('tension');"><img src="http://static.ex.noerr.eu.org/static/img/reply.png" align="absmiddle" border="0" alt="Reply" /></a> &nbsp;&nbsp; <span class="no">4</span></div>
<div class="sep3"></div>
<strong><a href="/member/tension" class="dark">tension</a></strong>&nbsp; &nbsp;<span class="fade small">23 小时 39 分钟前</span>
<div class="sep5"></div>
<div class="reply_content">@<a href="/member/shinwood">shinwood</a> 页面要语义化才ok...<br /><br />table 就像你说的,我只用在列表数据了...<br /><br />除非你们觉得 首页的列表也算数据展示...</div>
</td>
</tr>
</table>
fiture
2013-05-19 15:36:26 +08:00
@botao1 我的观点是过分较真语义化结构,是一种操蛋,而且我也并未赞同V2EX用评论,信息流用table布局的做法,并强调产品的能用,好用,实用,才是我们最求的最终目的。
fiture
2013-05-19 15:39:17 +08:00
算了,我还是忽略这个主题吧。
soli
2013-05-19 16:19:19 +08:00
好热闹,围观。
why
2013-05-19 16:58:17 +08:00
人家明明是用div布局(cell item),table在显示数据,这人真操蛋
chaojie
2013-05-19 17:14:23 +08:00
@veraucio 不要告诉我这是真的。好吧,看了一下,还真是table。
那一定是有用意的了,求大神告知
P233
2013-05-19 18:57:44 +08:00
@fiture 谢谢回复,我分别测试了 1000 个 tables,divs,lis,只写了最基本的样式,性能几乎没有差别,奇怪的是 tables 文件多了 200k,google page speed 得分却最高。这个测试没有任何理论基础,自己瞎玩的。

个人很不擅长横向一列一列的布局,觉得用 div 要考虑很多边距浮动等因素,用 tables 方便很多。坚持使用浏览器原生支持的,现在也不用 CSSreset。

另外,确实不太能接受 fr fl sep10 这种用法。

这只是我学习前端知识的一个阶段性经验与总结。
skydiver
2013-05-19 19:28:36 +08:00
@deathfang stackoverflow是有手机适配的页面的……经常用手机上。
chuck911
2013-05-19 19:33:25 +08:00
没有时间改,或者说现在运行得挺好,不用改,这么解释大家会理解的,用不着掰那么多理由吧
deathfang
2013-05-19 20:25:06 +08:00
@skydiver 抱歉,是我表达有误,我想说的是 Chrome设置手机设备的UA查看页面是否适配。不过这只能算尝试性建议。
响应式布局,一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本

引用:http://ued.taobao.com/blog/2012/04/responsive-webui-design-and-develop/
响应式设计听起来非常理想,但其技术实现则困难重重,因为响应式设计并不仅仅包含设计本身,还包含实现,更进一步讲,实现原理固然简单,但要考虑到开发成本、性能、可维护性方面则又是充满了挑战
hxgdzyuyi
2013-05-19 20:25:40 +08:00
如果保证语义化, 但是喜欢table的布局方式 可以用 display: table
tension
2013-05-19 20:40:34 +08:00
其实我就是好奇,真不好意思让大家这样争先恐后的讨论...
bitsmix
2013-05-19 22:30:33 +08:00
好了好了别吵了。。老大发火了。
bitsmix
2013-05-19 22:32:20 +08:00
从为什么 id0 这样做变成了以技术的掩护纯抬杠,你们太没品了。
bitsmix
2013-05-19 22:45:46 +08:00
第 100 回复也是我的!!

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://ex.noerr.eu.org/t/69309

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX