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

本文讨论了表单布局的各种方式,包括传统的table布局与现代的div+CSS布局,并对比了各自的优缺点。文章还探讨了使用定义列表(DL)作为表单布局的方法。
一直再考虑这个问题,表单的布局究竟采用什么
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,如需转载请自行联系原作者
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值