也许table布局专为form表单布局而生?-阿里云开发者社区

开发者社区> 开发与运维> 正文
登录阅读全文

也许table布局专为form表单布局而生?

简介:
一直再考虑这个问题,表单的布局究竟采用什么
table? dl? label+others?

传统大家可能一直使用着table布局,随之web标准的推进,大家蜂拥而至,开始摒弃table,甚至有人在嘲笑那些还在用table的人,于是出现了这么个词--“无table布局".

有人说,凡是table布局能实现,div+css同样能够达到(div+css这个词不是很恰当,可我又一时想不出其他的词)。
大家选择div+css是因为它的代码简洁(真的简洁吗?至少我认为90%左右吧,有的可能还是table要简单,至少目前来说).

css里面有个display:table-cell ,table-row等等这些属性,就是为了模拟table布局,然而由于IE浏览器尚不支持这些值,所以目前处在这个过渡时期,我们的代码可能为了实现一些兼容性,代码还不能精简到极致。

比如说form的布局,个人认为使用table应该说是比较简洁。
有的人使用DL定义列表布局form,有的说dl定义列表符合语义,可是打比方说,用户名和后面的输入域满足这个条件吗?严格来说不是很符合定义列表.

当然了还有其他的很多无table表单布局,不一一罗列了。

可是这些代码比起table来真的简洁吗,我没有去验证。

可能有的人去专门为了逃避table的目的吧,不过可能有点违背了web的初衷,web最终是为了呈现给用户的。

有点需要注意的是使用table时尽量不要去嵌套使用。

好了,就说这么多。




 本文转自 xcf007 51CTO博客,原文链接:http://blog.51cto.com/xcf007/138224,如需转载请自行联系原作者

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

分享:
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

其他文章
最新文章
相关文章