0

我试图在我的网页中保持语义正确,但不知道如何继续:

我的数据看起来像这样或需要:

Name:  lastname, first mi Address:  123 Main St.  City, State, Zip:  more...
Fieldx:  data1 Fieldy:  more data...

我不想要的是顶部带有列标题的常规表格数据外观:

name                 Address
lastname, first mi   Some address...

我不知道该怎么做。当我查找无表格 CSS 时,我只找到表单和布局。

我在这里错了我应该使用带有 CSS 的表单布局(并且没有表格)......它只是不是“表单”吗?

编辑:我是否只是将所有内容放在一个 div 中,然后放在带有浮动的跨度中,对吗?

4

2 回答 2

0

我认为DIV是要走的路。与 CSS 结合使用时,DIV 为您提供了更好的灵活性。

于 2012-10-05T18:56:23.397 回答
0

您所拥有的是结构上的名称/值对列表,它对应于一个两列表。它也可以被标记为一个dl元素,如果我们采用自由现代的解释,dl它实际上不是定义列表而是描述列表,而描述列表实际上是名称/值对的列表。它也可以被标记为一个ul元素,其中每个li元素包含两个span元素(带有类),但是这样你就失去了结构中类似数组的想法。最后,您可以使用一些divp容器,其中包含span具有交替类的元素。

所有这些都与语义(意义)无关。相反,它与结构有关。与其考虑哪种方法更“正确”,不如考虑哪种方法最适合样式化(并且可能在处理中,例如在客户端脚本中)。如果你想要表格布局,使用表格是很自然的。(有点有趣的是,如果您想要这样的布局,那么您可能不应该使用表格,因为旧版本的 IE 不允许您table以非表格方式设置元素的样式。)

如果您打算将数据作为示例中的内联文本,那么我会使用

<div class=foo>
<span class=name>Name</span> <span class=value>lastname, first mi</span>
<span class=name>Address</span> <span class=value>123 Main St. </span>
  ...
</div>

这是一个有点冗长的标记,但它可以很容易地设置样式,因为它div没有span默认样式(除了div意味着前后换行),并且您可以方便地使用类选择器。

于 2012-10-05T19:09:26.573 回答