Question

我正在尝试显示几个值（我从数据库中获取）及其标签。布局就像

标签1

价值1

标签2

值2 +（某些静态文本）

标签3

值3（多行）

标签4

价值4（实际上是一个清单）

目前，我使用span标记内的两个p标记来显示标签及其值。

我的问题是，在语义上正确的最佳方法是什么。

Answer 1

最好的总是受到讨论，并取决于数据本身。与大多数情况相匹配的一个常用选项是使用definition lists：

<dl>
  <dt>Label 1</dt>
  <dd>Value 1</dd>
  ..
</dl>

Answer 2

取决于您尝试显示的数据。如果您的内容类似于词汇表，则可以使用定义列表。

<dl>
  <dt>AA</dt>
  <dd>Auto Answer (Modem)</dd>
  <dt>AARP</dt>
  <dd>Appletalk Address Resolution Protocol</dd>
  ...
</dl>

否则，使用具有适当语义类名的div和spans应该是可行的方法。根据上下文，我可能不会使用p-tag，如果它没有嵌入某种正在运行的文本中。