用于显示数据库中的标签和内容的Html语义

用于显示数据库中的标签和内容的Html语义,html,css,Html,Css,我试图显示几个值(我从数据库中获取)及其标签。 布局就像 标签1 值1 标签2 值2+(一些静态文本) 标签3 值3(多行) 标签4 值4(它实际上是一个列表) 目前,我正在使用两个span标签(附在p标签内)来显示标签及其值 我的问题是,语义正确的最佳方法是什么。最好的方法总是要经过讨论,并且取决于数据本身。与大多数情况相匹配的一个常见选项是使用: 标签1 值1 .. 取决于您试图显示的数据。如果您的内容类似于术语表,则可以使用定义列表 <dl> <dt>AA&l

我试图显示几个值(我从数据库中获取)及其标签。 布局就像

标签1

值1

标签2

值2+(一些静态文本)

标签3

值3(多行)

标签4

值4(它实际上是一个列表)

目前,我正在使用两个
span
标签(附在
p
标签内)来显示标签及其值


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

最好的方法总是要经过讨论,并且取决于数据本身。与大多数情况相匹配的一个常见选项是使用:


标签1
值1
..

取决于您试图显示的数据。如果您的内容类似于术语表,则可以使用定义列表

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

AA
自动应答(调制解调器)
美国退休人员协会
Appletalk地址解析协议
...

否则,应该使用具有适当语义类名的div和span。根据上下文的不同,如果p标记没有嵌入到某种运行文本中,我可能不会使用它。

如果值为4,我需要使用或
    。我可以使用和
      内部标记吗在值为3的情况下,我可以使用内部标记吗?看这个问题:正如@hugoderhungrige所说,内部
      可以使用(基本上)任何HTML,是的。顺便说一句:虽然定义列表的预期用途很窄,但我个人不介意一些人也将它们用于其他数据。对我来说,重要的一点是,无论是使用类名还是html标记,您都可以快速查看正在处理的内容类型。您好,介意查看我对下面答案的评论并帮助我吗
      <dl>
        <dt>AA</dt>
        <dd>Auto Answer (Modem)</dd>
        <dt>AARP</dt>
        <dd>Appletalk Address Resolution Protocol</dd>
        ...
      </dl>