Семантически правильный HTML5 для сгруппированного списка <time>с потомком <time>list - PullRequest
Новая
       12

Семантически правильный HTML5 для сгруппированного списка <time>с потомком <time>list

0 голосов
/ 03 февраля 2019

В списке элементов, сгруппированных по годам, затем перечисленных по дате (например, вложение списка сообщений в блоге в список годов, в которые эти сообщения входят), должен ли элемент времени использоваться для группировки года (как в следующем фрагменте кода)) или только при маркировке конкретной даты для элементов списка потомков? 

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

1 Ответ

0 голосов
/ 03 февраля 2019

Согласно 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>

( Соответствующий вопрос SO )

Удачи!

...