HTML5 Семантическая разметка конкретного модуля даты/времени

Question

У меня есть элемент на моей странице, который информирует пользователя о днях происходящего, месяце и году и, наконец, сколько дней должно пройти до события. Мне было интересно, соответствует ли следующая спецификация HTML5 правильной картиной разметки HTML5 для этих данных.

пример того, что разметка должна производить

мою разметку (немного отличается по изображению выше):

<section> 
    <div>London</div> 
    <time datetime="2013-02-20">20</time> 
    – 
    <time datetime="2013-02-21">21</time> 
    <time datetime="2013-02">Feburary 2013</time> 
    <div>24 days to go</div> 
</section> 

Любые предложения по правильной разметке?

Answer 1

Я не уверен, является ли <section> -элемент подходящей оболочкой для этого контейнера. specs on w3.org говорят:

Раздел в этом контексте представляет собой тематическую группировку контента, как правило, с заголовком.

В примере разметки, не иметь заголовок, который может быть добавлен, но я не думаю, что сама дата «является тематическая группировка контента», это больше метаинформацию к некоторому другому контенту.

Что касается <time> -элементов другого способа, чтобы написать эту штуковину может быть:

<div>London</div> 
<time datetime="P2D">20 - 21</time> 
<time datetime="2013-02-20">Feburary 2013</time> 
<div>24 days to go</div> 

Первым описывает продолжительности два дней, что мероприятие будет длиться. Второй указывает день начала события. Без тегов он по-прежнему читает «Лондон 20 - 21 февраля 2013 года 24 дня до конца».

Вы можете прочитать об этом здесь на w3.org:

4.6.11 The time element
2.4.5.9 Durations