web-dev-qa-db-ja.com

HTML5タイムタグを使用して日付範囲をどのようにマークアップしますか?

HTML5で日付をマークアップする場合、単一の日付に対して次のように<time>タグを使用する必要があることを私は知っています

<time datetime="2011-04-02">2nd April 2011</time>

しかし、「2011年4月2日から4日」のような日付範囲をどのようにマークアップしますか(またはマークアップする必要がありますか)。

ありがとう。

34
Steve Wilshaw

<time>範囲を表す良い方法がありましたが、代わりに次のようなことをする必要があります。

<time datetime="2011-04-02">2nd</time> - <time datetime="2011-04-04">4th April 2011</time>
28
dogbane

日付範囲のマークアップは、現時点ではまだ確定していません。 ( WhatWGサイトの日付範囲に関する進化する議論 を見ることができます。)

今のところ最善の策は、時間タグの日時値として 日付範囲のISO 8601構文 を使用することです。つまり、2つの値をスラッシュで区切るだけです。

たとえば、2011年4月2日から4日は次のようになります。

<time datetime="2011-04-02/2011-04-04">2nd&ndash;4th April 2011</time>

2000〜2010年を表す簡単な例を次に示します。

<time datetime="2000/2010">2000&ndash;2010</time>

適切な表示のために日付の間にダッシュを使用してください を忘れないでください。

33
Christian