html - Label 标签语义

Question

我读过 this我通常使用 span 或 strongs 来描述“文本标签”。最佳实践是否如此？这似乎也是一种语义方式，但为什么它仅限于表单元素？

如果我想这样显示信息怎么办:

Name: FOo Bar
Age: 27
Weight: 151 kg

等等？

姓名、年龄和体重都可以描述为标签，但由于它们所描述的项目不是输入标签，因此它在语义上是不正确的(至少对于 html 和 w3c)。我通常使用

<span class="label"> or <span class="description"> or <span class="person-detail"> etc

但一般来说，对于与输入字段无关的标签，也应该有一个标签。因为这可能有点主观，所以我不介意将其变成社区 wiki 或其他东西

Answer 1

你应该使用 definition list ( dl 与 <a href="http://www.w3.org/TR/html5/the-dt-element.html#the-dt-element" rel="noreferrer noopener nofollow">dt</a> 和 <a href="http://www.w3.org/TR/html5/the-dd-element.html#the-dd-element" rel="noreferrer noopener nofollow">dd</a> ):

<dl>

 <dt>Name</dt>
 <dd>FOo Bar</dd>

 <dt>Age</dt>
 <dd>27</dd>

 <dt>Weight</dt>
 <dd>151 kg</dd>

</dl>

规范说明它可以用于

terms and definitions, metadata topics and values, questions and answers, or any other groups of name-value data.

---

我认为 table (使用 th )也可以使用。但我只会在想要比较几个人时使用它，而不仅仅是列出一个人的数据。