什么 HTML 标记在语义上适合带有“间隔”的“交替”列表？

Question

假设我想展示一个 TODO 列表，如下所示：

8:00
    Walk the dog!
8:30
    Clean the car!
9:20
    Rob the bank!
9:21
    Run the dog!
22:00
    Have a beer!
22:05

虽然我的第一个方法是使用定义列表，但这不是一个很好的选择：

<dl>
    <dt>8:00</dt>
    <dd>Walk the dog!</dd>
    <dt>8:30</dt>
    <dd>Clean the car!</dd>
    <dt>9:20</dt>
    <dd>Rob the bank!</dd>
    <dt>9:21</dt>
    <dd>Run the dog!</dd>
    <dt>22:00</dt>
    <dd>Have a beer!</dd>
    <dt>22:05</dt>
    <!--<dd>Missing element???</dd>-->
</dl>

AFAIK，<dt> 后面必须跟一个或多个 <dd> 标记。但是最后一次（22:05）没有任何（非空）元素跟随它。

此外，从语义上给出的时间点应该与它之前的元素和之后的元素一样多，但是这种关系在这里也丢失了。

是否有任何其他 HTML 标记组合可能更适合此数据？

Answer 1

HTML 无法传达这一点。您必须明确说明持续时间/间隔（即使用自然语言）。

虽然the time element can be used for durations，持续时间没有作为开始/结束的具体日期。所以你可以传达遛狗需要 30 分钟，但不是说你从 8:00 到 8:30 遛狗。通过嵌套 time 元素，您可以（最多）暗示这一点。

非时间相关值的等价物是data element，但没有标准化格式，因此您无法传达一个值代表海深或海深间隔。

所以dl 可能看起来像这样：

<dl>
    <dt><time datetime="12h 39m"><time>09:21</time> to <time>22:00</time></time></dt>
    <dd>Run the dog!</dd>
    <dt><time datetime="5m"><time>22:00</time> to <time>22:05</time></time></dt>
    <dd>Have a beer!</dd>
</dl>

（这也可以让你跳过时间，例如，如果你没有真正从 09:21 到 22:00 跑狗。）

语义上较弱的变体（例如，如果您不想在同一元素中提供结束时间）将是这样的：

    <dt><time datetime="5m"><time>22:00</time></time></dt>

在这种情况下，您必须最后一次提供一个空的 dd 元素（或任何对您的情况有意义的元素）。