网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2025/2/25 浏览:3 次 )

CSS网页布局的宗旨是语义化具有良好结构的HTML文档,将外观表现分离到CSS文件中,这是jb51.net一直强调的页面开发思维。  CSS网页布局的宗旨是语义化具有良好结构的HTML文档,将外观表现分离到CSS文件中,这是jb51.net一直强调的页面开发思维。有朋友在jb51论坛中提出问题,引发了思考。在html页面,初学DivCSS网页布局的时候,排斥table,用很多的div来嵌套:(看起来很差劲)
<div>
<div>DivCSS网页布局中使用表格的一些讨论</div><div>www.jb51.net</div>
<div>DivCSS网页布局中使用表格的一些讨论</div><div>www.jb51.net</div>
</div>
  如图所示:
CSS网页布局使用表格可以吗?l图1。
CSS网页布局使用表格可以吗?图2。
  知道html要具有语义之后,进化成这样的写法:
<ul>
<li><span>DivCSS网页布局中使用表格的一些讨论</span>www.jb51.net<li>
<li><span>DivCSS网页布局中使用表格的一些讨论</span>www.jb51.net<li>
</ul>
  因为要固定标题的宽度,又涉及到<span>标签的inline-block。
  而且,当涉及到标题一行,内容需要换行的时候很麻烦,如图效果:
CSS网页布局使用表格可以吗?图3。
  我想,既然要避免使用table标签会造成如此多麻烦,可不可以干脆使用table呢,简单直接,而且从html的语义上考虑,这样的内容似乎用table也有道理。但是语义并不明确。也不可取。
  我们来讨论可以使用的方法:
CSS网页布局使用表格可以吗?图1。
CSS网页布局使用表格可以吗?图3。
  图1和图3,可以用无序列表ul或定义列表dl标识。配合使用lidtddstrongemspan标签。
CSS网页布局使用表格可以吗?图2。
  图2是一个表单,可以用formlabelinput等标签加以标识。
  小结:
  这三个图片所示的页面元素,均不是表格类的数据,用表格标签不妥当。
  使用表格作为网页排版、布局页面元素是不合理的。
  表格是用来显示数据的。
  至于什么样的数据形式以表格来标识,没有统一的规范。
  或许大家对它有着不同的理解,除了数据表,别的元素在什么情况下用表格表示呢。
  其实根据情况,可以选择多种标签。可能是无序列表,可能是定义列表。
  至于CSS样式的实现,那就是属性定义的问题。
  不要因为CSS设置比较繁琐,而否定内容本身的语义。
上一篇:两个CSS代码精简工具(网页教学网推荐)
下一篇:相对完美的CSS绝对底部
一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?