【问题标题】:Is there a semantic html tag for short, descriptive fragments of text?是否有用于简短描述性文本片段的语义 html 标记?
【发布时间】:2017-09-25 14:41:22
【问题描述】:

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

两个城市的故事

  • 作者:查尔斯·狄更斯
  • 出版年份:1859
  • 类型:历史小说
  • 平均评价:3.8/5

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

对于这些非列表、非段落项目的正确标签是什么?直到运行时我才知道它们的键和值?

【问题讨论】:

  • 重读这个我可能误解了这个问题,你问的是整本书用什么,还是书的细节用什么?
  • 我在询问每一行书籍详细信息使用哪个标签。

标签: html semantic-markup


【解决方案1】:

或许你可以考虑一下描述列表:<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

【讨论】:

  • 在浏览所有 MDN 对标签的描述时,我没有读到它所说的 metadata,这显然是被标记的内容。我接受这个答案。
【解决方案2】:

dl element 可用于此目的。规范定义它表示由“名称-值组”组成的“关联列表”(或“描述列表”)。

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

以下示例说明了使用dl 元素来标记各种元数据。在示例末尾,一组有两个元数据标签(“Authors”和“Editors”)和两个值(“Robert Rothman”和“Daniel Jackson”)。

<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>

【讨论】:

    猜你喜欢
    • 2012-07-21
    • 1970-01-01
    • 2011-11-06
    • 2022-11-30
    • 2012-02-06
    • 2020-10-21
    • 2017-02-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多