2017-01-29 6 views
1

以下の2つのコードサンプルをMDNと考えてください。HTML5 datetime属性の<time>要素

違いは何ですか? datetime属性 を使用する必要がありますか、または単純な日付と時刻を<time>に囲みますか?

<p>The concert took place on 
 
    <time datetime="2001-05-15T19:00">May 15</time>.</p> 
 

 
<p>The concert took place on 
 
    <time>May 15,2001 at 7:00 pm</time>.</p>

答えて

1

specs

からの時間要素は、日時属性にその内容の機械可読形式と共に、その内容を表します。コンテンツの種類は、以下で説明するように、さまざまな種類の日付、時刻、タイムゾーンのオフセット、および期間に制限されています。

datetime属性が存在する可能性があります。存在する場合、その値は、要素の内容を機械可読形式で表現するものでなければならない。

datetimeコンテンツ属性を持たないtime要素には、子孫要素が含まれていてはなりません。ここ

詳細情報:Microformats Datetime Design Pattern

+0

私はノーdatetime属性を持つ時間タグを使用していますのであれば、これらのタグの間で書き込まれた値はまた、YYYY-MM -DDなどのパターンと一致する必要がありますか?それとも普通の英語で書くことができますか? –

+0

Plsはここで見ています:https://html.spec.whatwg.org/multipage/semantics.html#the-time-element。ここで仕様は2つの点を述べています:1)time要素のdatetime値は要素のdatetime content属性の値です(存在する場合)。そうでなければtime要素の子テキスト内容です。 2) 'time'要素のdatetime値は、次の構文のいずれかと一致する必要があります。ですから、datetime属性を使用していない場合は、英語で書くことができません。 –

+1

@Breaking Benjamin:要素にdatetime属性がある場合、datetime属性のみがその条件を満たす必要があるため、内容は自由形式です(存在する場合)。 – BoltClock

関連する問題