CSS网页布局使用表格可以吗？
作者 佚名技术
来源 CSS技术
浏览
发布时间 2012-03-03
|
CSS网页布局的宗旨是语义化具有良好结构的HTML文档，将外观表现分离到CSS文件中，这是webjx.com一直强调的页面开发思维。有朋友在webjx论坛中提出问题，引发了思考。在html页面，初学DivCSS网页布局的时候，排斥table，用很多的div来嵌套：（看起来很差劲） <div> <div>DivCSS网页布局中使用表格的一些讨论</div><div>www.webjx.com</div> <div>DivCSS网页布局中使用表格的一些讨论</div><div>www.webjx.com</div> </div> 如图所示：  l图1。 图2。
知道html要具有语义之后，进化成这样的写法： <ul> <li><span>DivCSS网页布局中使用表格的一些讨论</span>www.webjx.com<li> <li><span>DivCSS网页布局中使用表格的一些讨论</span>www.webjx.com<li> </ul> 因为要固定标题的宽度，又涉及到<span>标签的inline-block。 而且，当涉及到标题一行，内容需要换行的时候很麻烦，如图效果：  图3。
我想，既然要避免使用table标签会造成如此多麻烦，可不可以干脆使用table呢，简单直接，而且从html的语义上考虑，这样的内容似乎用table也有道理。但是语义并不明确。也不可取。 我们来讨论可以使用的方法： 图1。图3。
图1和图3，可以用无序列表ul或定义列表dl标识。配合使用li dt dd strong em span标签。 图2。
图2是一个表单，可以用form label input等标签加以标识。 小结： 这三个图片所示的页面元素，均不是表格类的数据，用表格标签不妥当。 使用表格作为网页排版、布局页面元素是不合理的。 表格是用来显示数据的。 至于什么样的数据形式以表格来标识，没有统一的规范。 或许大家对它有着不同的理解，除了数据表，别的元素在什么情况下用表格表示呢。 其实根据情况，可以选择多种标签。可能是无序列表，可能是定义列表。 至于CSS样式的实现，那就是属性定义的问题。 不要因为CSS设置比较繁琐，而否定内容本身的语义。 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: CSS垂直居中网页布局实现的5种方法下一篇: 网页重构时在IE6中遇到png兼容性
关于CSS网页布局使用表格可以吗？的所有评论
