Question

在按年份分组然后按日期列出的项目列表中（例如，将博客文章列表嵌套在这些文章所跨越的年份列表中），如果时间元素用于年份分组（如下面的代码段所示）），还是仅在标记后代列表项的特定日期时？

<ol reversed>
  <li>
    <time>2018</time>
    <ol reversed>
      <li><time datetime="2018-05-15">May 15</time> Article4</li>
      <li><time datetime="2018-01-02">Jan 02</time> Article3</li>
    </ol>
  </li>
  <li>
    <time>2017</time>
    <ol reversed>
      <li><time datetime="2017-12-31">Dec 31</time> Article2</li>
      <li><time datetime="2017-10-19">Oct 19</time> Article1</li>
    </ol>
  </li>
</ol>

Answer 1

根据mdn，时间元素可能代表以下其中一项：

24小时制的时间。
公历中的精确日期（带有可选的时间和时区信息）。
A valid time duration。

至于你的代码，该项目通过一年分组更适合是标题/标题，然后时间元素，所以你可能需要使用这个标记来代替：

<section>
  <h3>2018</h3>
  <ol reversed>
    <li><time datetime="2018-05-15">May 15</time> Article4</li>
    <li><time datetime="2018-01-02">Jan 02</time> Article3</li>
  </ol>
</section>
<section>
  <h3>2017</h3>
  <ol reversed>
    <li><time datetime="2017-12-31">Dec 31</time> Article2</li>
    <li><time datetime="2017-10-19">Oct 19</time> Article1</li>
  </ol>
</section>

（Related SO question）

祝你好运！

语义正确的HTML5与后代<时间>列表分组<时间>列表

1 个答案: