HTML:表单之外的"标签"的最佳标记

Question

您将使用哪些HTML标记来获取此类信息:

---

姓名:John
年龄:40
城市:Frankfurt
国家:Germany
状态:活跃

---

我喜欢<label>在p这里使用标签中的标签,这听起来像是很好的语义.但是,此信息不在表单内.而W3C说:

label: The label element represents a caption for a form control.

那我该怎么办？我可以清楚地使用<strong>,但这没有"强烈的重要性",并且感觉不正确.

UPDATE

在注意到DEFINITION LIST建议之后,我想问一下,如果我在同一页面上有几条这样的信息,这仍然是最好的吗？这意味着我多次用不同的"定义"定义"名称".例如:

---

姓名:John
年龄:40
城市:Frankfurt
国家:Germany
状态:活跃

---

姓名:Maria
年龄:30
城市:Bonn
国家:Germany
状态:不活跃

---

是<dl>仍然走的最好方法？

Answer 1

一个定义列表可能是合适的位置:

<dl>
    <dt>Name</dt>
    <dd>John</dd>
    <dt>Age</dt>
    <dd>40</dd>
    <dt>City</dt>
    <dd>Frankfurt</dd>
    <dt>Country</dt>
    <dd>Germany</dd>
    <dt>Status</dt>
    <dd>Active</dd>
</dl>

http://www.w3.org/TR/html401/struct/lists.html#h-10.3-使用DL元素创建的定义列表通常由一系列术语/定义对组成(尽管定义列表可能包含其他应用程序).

但是,仅仅因为你想要粗体格式并不意味着你被限制在<strong>或<b>.您可以使用非语义<span>,只需将格式应用于CSS.

此外,您可以使用CSS添加冒号,而不是将它们放在标记中:

dt:after { content:":"; }

也许为了帮助澄清一些关于它的正确用法的混淆,看起来HTML5将这个标签称为描述列表.

http://www.w3.org/TR/html5/grouping-content.html#the-dl-element - dl元素表示由零个或多个名称 - 值组(描述列表)组成的关联列表.