CSS网页布局可以使用表格吗

2019-08-26 05:43:25来源:爱站网 阅读 ()

新老客户大回馈,云服务器低至5折

CSS网页布局的宗旨是将外观分离到css的文件中,但是有朋友将外观表现分离到CSS文件中的时候会想CSS网页布局可以使用表格吗?那么我们现在就带着这个疑问去看看具体内容吧。
<div>
<div>DivCSS网页布局中使用表格的一些讨论</div><div>www.aizhan.com</div>
<div>DivCSS网页布局中使用表格的一些讨论</div><div>www.aizhan.com</div>
</div>
  如图所示:
l图1。
图2。
  知道html要具有语义之后,进化成这样的写法:
<ul>
<li><span>DivCSS网页布局中使用表格的一些讨论</span>www.aizhan.com<li>
<li><span>DivCSS网页布局中使用表格的一些讨论</span>www.aizhan.com<li>
</ul>
  因为要固定标题的宽度,又涉及到<span>标签的inline-block。
  而且,当涉及到标题一行,内容需要换行的时候很麻烦,如图效果:
图3。
  我想,既然要避免使用table标签会造成如此多麻烦,可不可以干脆使用table呢,简单直接,而且从html的语义上考虑,这样的内容似乎用table也有道理。但是语义并不明确。也不可取。
  我们来讨论可以使用的方法:
图1。
图3。
  图1和图3,可以用无序列表ul或定义列表dl标识。配合使用lidtddstrongemspan标签。
图2。
  图2是一个表单,可以用formlabelinput等标签加以标识。
  小结:
  这三个图片所示的页面元素,均不是表格类的数据,用表格标签不妥当。使用表格作为网页排版、布局页面元素是不合理的。表格是用来显示数据的。
  至于什么样的数据形式以表格来标识,没有统一的规范。
  或许大家对它有着不同的理解,除了数据表,别的元素在什么情况下用表格表示呢。
  其实根据情况,可以选择多种标签。可能是无序列表,可能是定义列表。
  至于CSS样式的实现,那就是属性定义的问题。
  不要因为CSS设置比较繁琐,而否定内容本身的语义。

CSS网页布局可以使用表格吗?答案当然是可以的,而且在html页面中,初学DivCSS网页布局时一般都会用div来嵌套。


原文链接:https://js.aizhan.com/web_authoring/css/8497.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:初学html总结

下一篇:使用码云或GitHub搭建简单的个人网站