也许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 ,如需转载请自行联系原作者
相关文章
|
1月前
|
前端开发 测试技术 开发者
构建响应式Web界面:Flexbox布局的力量
【2月更文挑战第24天】在现代Web开发中,创建能够适应不同屏幕尺寸的响应式界面已成为一项标准实践。Flexbox,一个CSS模块,因其灵活性和强大功能在前端开发者中广受欢迎。本文将深入探讨Flexbox的核心概念、常见用例以及如何利用它来构建美观、灵活且易于维护的响应式布局。通过实例演示,读者将学会如何有效地应用Flexbox技术,提升前端项目的质量和用户体验。
|
1月前
|
编解码 前端开发 UED
前端需要完完全全掌握的这些布局方案
前端需要完完全全掌握的这些布局方案
|
9月前
|
编解码 前端开发 JavaScript
前端7大常用布局方式
前端7大常用布局方式
510 0
|
前端开发
前端学习案例1-圣杯布局1
前端学习案例1-圣杯布局1
57 0
前端学习案例1-圣杯布局1
|
Web App开发 前端开发 JavaScript
前端不得不了解的5种布局方式
前端不得不了解的5种布局方式
140 1
前端不得不了解的5种布局方式
|
前端开发 容器
🍊Flex布局——前端人不得不知的布局方式!
🍊Flex布局——前端人不得不知的布局方式!
121 1
🍊Flex布局——前端人不得不知的布局方式!
|
前端开发
前端工作总结278-弹性布局 修改样式
前端工作总结278-弹性布局 修改样式
73 0
前端工作总结278-弹性布局 修改样式
|
Web App开发 前端开发 JavaScript
前端必须熟悉的几种布局方式
本章主要是回顾Flex使用 和 一些常用布局的写法。
125 0
|
Web App开发 前端开发 开发者
新时代布局中一些有意思的特性
新时代布局中一些有意思的特性
179 0
新时代布局中一些有意思的特性
|
前端开发 容器
【前端第六课】Grid布局基础
【前端第六课】Grid布局基础