Datalist像桌子一样显示

时间:2009-12-13 11:34:51

标签: html css xhtml semantic-markup

我如何实现这种布局alt text http://img195.imageshack.us/img195/1870/screenshot20091212at151.jpg(现在用表完成)并且仍然有语义标记,我想最合适的标签就是dl。每个单元格必须具有行的高度。

编辑:左栏包含说明和右侧数据。所以我认为这不适合桌子。如果我将描述移动到表头,那将是2000 px宽度

3 个答案:

答案 0 :(得分:1)

如果是表格信息,那么表格不是最好的,它是显示它的唯一明智的方式 - 这就是表格的制作方式!

为了更正式一点,你的数据的语义确实是表格式的,世界上没有理由撒谎。

答案 1 :(得分:1)

我会使用<dl>,因为它只有2列。

答案 2 :(得分:1)

如果您关注语义并认为这就是定义列表更适合的原因,请阅读此official document关于定义列表。

它说:

  

使用DL元素创建的定义列表通常由一系列术语/定义对组成(尽管定义列表可能包含其他应用程序)

  

定义列表与其他类型的列表略有不同,列表项由两部分组成:术语和描述。

这意味着术语(例如Anrede)由其描述描述/定义(例如Herr )。我们可以在这里争论,但Herr实际上不是Anrede的描述,它可以用作 Anrede更多可能的值/单词(数据)。而定义将是

  

根据性别,毕业等方式处理人员的方法。

对所有非德语人士来说,Anrede意味着称呼。

当然也有例外,但从语义的角度来看,表更适合。


我想说的是:不要为这些事负担。为了使DL标签和CSS看起来相同,这是不值得的。真的,要为数据使用表格很好。