单项定义列表

Question

我有一个带有多个标签/输入标签对的表单。在同一个表单中，我有一对只是信息，即它是一个名称/值对。该值是计算的，为方便用户，不随表格一起提交。我希望以与标签/输入对一致的方式向用户显示此信息。即我希望名称值对的名称部分看起来像标签，但这种情况下的标签在语义上不正确，因为它不是指输入标签。值部分我不需要看起来像输入，因为它不是输入，但我希望间距与输入相同。定义列表对于这类事物来说是完美的，但我担心的是这不是一个列表本身，它只是一个项目。

我看到了类似的问题here，但没有结论/接受的答案，而且还提到了无序列表。我认为定义列表是一个略有不同的野兽，因为需要一个术语/定义对可能比在列表中有一个项目更常见。也许有一个我想要的标签，就像单个术语/定义对类型的东西，我只是有一个大脑放屁。

**编辑：**

一些代码来说明（上下文的表单元素）

<div>
    <label for="PaymentDate">Payment Date</label>
    <input type="text" id="PaymentDate" name="PaymentDate">
</div>
<dl>
    <dt>Key</dt>
    <dd>Value</dd>
</dl>
<div>
    <label for="Reference">Reference</label>
    <input type="text" id="Reference" name="Reference">
</div>

OR

<div>
    <label for="PaymentDate">Payment Date</label>
    <input type="text" id="PaymentDate" name="PaymentDate">
</div>
<div>
   <span class="key">Key</span>
   <span class="value">Value</span>
</div>
<div>
    <label for="Reference">Reference</label>
    <input type="text" id="Reference" name="Reference">
</div>

所以我的问题是：从语义角度来看，每种方法的优缺点是什么？对我来说，跨度的缺点是，在这种情况下，我可能不得不在跨度中添加一个类来格式化它，因为我已经在使用跨度来处理错误消息，而我可以在我的css文件中创建一个规则来格式化定义列表，因为我将在表单中使用定义列表的唯一目的是针对上述场景。