您现在的位置是：网站首页> 编程资料编程资料
CSS网页布局使用表格可以吗？_CSS布局实例_CSS_网页制作_
2021-09-09
808人已围观
简介 网页制作Webjx文章简介：CSS网页布局的宗旨是语义化具有良好结构的HTML文档，将外观表现分离到CSS文件中，这是webjx.com一直强调的页面开发思维。 CSS网页布局的宗旨是语义化具有良好结构的HTML文档，将外观表现分离到CSS文件
CSS网页布局的宗旨是语义化具有良好结构的HTML文档，将外观表现分离到CSS文件中，这是jb51.net一直强调的页面开发思维。 CSS网页布局的宗旨是语义化具有良好结构的HTML文档，将外观表现分离到CSS文件中，这是jb51.net一直强调的页面开发思维。有朋友在jb51论坛中提出问题，引发了思考。在html页面，初学DivCSS网页布局的时候，排斥table，用很多的div来嵌套：（看起来很差劲）
DivCSS网页布局中使用表格的一些讨论
www.jb51.net
DivCSS网页布局中使用表格的一些讨论
www.jb51.net
如图所示：
l图1。
图2。 知道html要具有语义之后，进化成这样的写法：
- DivCSS网页布局中使用表格的一些讨论www.jb51.net
- DivCSS网页布局中使用表格的一些讨论www.jb51.net
因为要固定标题的宽度，又涉及到标签的inline-block。
而且，当涉及到标题一行，内容需要换行的时候很麻烦，如图效果：
图3。 我想，既然要避免使用table标签会造成如此多麻烦，可不可以干脆使用table呢，简单直接，而且从html的语义上考虑，这样的内容似乎用table也有道理。但是语义并不明确。也不可取。
我们来讨论可以使用的方法：
图1。图3。 图1和图3，可以用无序列表ul或定义列表dl标识。配合使用lidtddstrongemspan标签。
图2。 图2是一个表单，可以用formlabelinput等标签加以标识。
小结：
这三个图片所示的页面元素，均不是表格类的数据，用表格标签不妥当。
使用表格作为网页排版、布局页面元素是不合理的。
表格是用来显示数据的。
至于什么样的数据形式以表格来标识，没有统一的规范。
或许大家对它有着不同的理解，除了数据表，别的元素在什么情况下用表格表示呢。
其实根据情况，可以选择多种标签。可能是无序列表，可能是定义列表。
至于CSS样式的实现，那就是属性定义的问题。
不要因为CSS设置比较繁琐，而否定内容本身的语义。
相关内容
- 相对完美的CSS绝对底部_CSS教程_CSS_网页制作_
- CSS初学福音:解决你对英文单词的不理解_CSS教程_CSS_网页制作_
- 建议网页开发者使用IE8测试版测试网站_CSS教程_CSS_网页制作_
- 帮我写出更好的CSS代码的一些技巧_CSS教程_CSS_网页制作_
- CSS3中的5个有趣的新技术_css3_CSS_网页制作_
- 通过宜家的家具设计方法学习CSS模块化_CSS教程_CSS_网页制作_
- CSS网页布局的核心内容:CSS盒模型_CSS布局实例_CSS_网页制作_
- CSS垂直居中网页布局实现的5种方法_CSS布局实例_CSS_网页制作_
- 初学者简单学习CSS网页布局_CSS布局实例_CSS_网页制作_
- CSS失效，原来是和网页第一段代码有关_CSS教程_CSS_网页制作_
