对于简短的描述性文本片段,是否存在语义html标记?

时间:2016-09-15 20:08:42

标签: html html5 semantic-markup

假设我正在编写标记来描述一本包含几行细节的书,例如:

双城记

  • 作者:Charles Dickens
  • 出版年份:1859
  • 类型:历史小说
  • 平均回顾:3.8 / 5

这是一个问题:即使我在示例中将其格式化为列表,但它不是语义列表。此外,其中许多字段都是用户可配置的,因此书籍,作者和时间的标记并不真正适用。我是否对这些行使用<p><li><dl><div>或其他内容?如果我不回归<div>,则<p>标记似乎与我想要的最接近,即使它不是完整的文本段落。

这些非列表,非完全段落项目的正确标记是什么,它们的密钥和值在运行时才会知道?

2 个答案:

答案 0 :(得分:5)

也许您可以考虑说明列表:<dl>

  

HTML元素(或HTML描述列表元素)包含一对术语和描述的列表。此元素的常见用途是实现词汇表或显示元数据(键值对列表)。

<dl>
  <dt>Firefox</dt>
  <dd>A free, open source, cross-platform, graphical web browser
  developed by the Mozilla Corporation and hundreds of volunteers.</dd>
  <dd>The Red Panda also known as the Lesser Panda, Wah, Bear Cat or Firefox,
  is a mostly herbivorous mammal, slightly larger than a domestic cat
  (60 cm long).</dd>

<!-- other terms and definitions -->
</dl>

More information available here

答案 1 :(得分:2)

dl element可用于此目的。规范定义它代表&#34;一个关联列表&#34; (或&#34;描述列表&#34;)由&#34;名称 - 值组&#34;组成。

您的案例类似于HTML5规范中的第三个示例,因为您的内容也是元数据:

  

以下示例说明如何使用dl元素标记排序的元数据。在示例的最后,一个组有两个元数据标签(&#34;作者&#34;和#34;编辑&#34;)和两个值(&#34; Robert Rothman&#34;和&#34;丹尼尔杰克逊&#34;)。

<dl>
 <dt> Last modified time </dt>
 <dd> 2004-12-23T23:33Z </dd>
 <dt> Recommended update interval </dt>
 <dd> 60s </dd>
 <dt> Authors </dt>
 <dt> Editors </dt>
 <dd> Robert Rothman </dd>
 <dd> Daniel Jackson </dd>
</dl>