语义正确 HTML5 分组 <time> 列表与后代 <time> 列表
Semantically correct HTML5 for grouped <time> list with descendent <time> list
在按年份分组然后按日期列出的项目列表中(例如,将博客帖子列表嵌套在这些帖子跨越的年份列表中),是否应该将时间元素用于年份分组(如在下面的片段),或者仅在标记后代列表项的特定日期时?
<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>
根据mdn,时间元素可能代表以下之一:
- 24 小时制时间。
- 公历中的精确日期(带有可选的时间和时区信息)。
- A valid time duration.
至于你的代码,按年份分组的项目更适合 headers / titles 然后是时间元素,所以你可能想改用这个标记:
<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>
祝你好运!
在按年份分组然后按日期列出的项目列表中(例如,将博客帖子列表嵌套在这些帖子跨越的年份列表中),是否应该将时间元素用于年份分组(如在下面的片段),或者仅在标记后代列表项的特定日期时?
<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>
根据mdn,时间元素可能代表以下之一:
- 24 小时制时间。
- 公历中的精确日期(带有可选的时间和时区信息)。
- A valid time duration.
至于你的代码,按年份分组的项目更适合 headers / titles 然后是时间元素,所以你可能想改用这个标记:
<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>
祝你好运!