具有后代HTML5列表的分组<time>列表的语义校正

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，时间元素可以表示以下内容之一：

1. 24小时钟上的时间。
2. 公历中的精确日期(带有可选的时间和时区信息)。
3. 有效持续时间。

至于您的代码，按年份分组的项更适合作为标题/标题而不是时间元素，因此您可能希望使用此标记：

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

(与此相关的问题)

祝好运!