<time> - 時刻

トップ > HTMLリファレンス > <time>

概要

項目説明
形式<time>~</time>
サポートH5 / e7 / Fx22 / Op11.5
カテゴリフローコンテンツ, フレージングコンテンツ, パルパブルコンテンツ
親要素フレージングコンテンツ を子要素に持てるもの
子要素フレージングコンテンツ
タグの省略開始タグ:必須 / 終了タグ:必須

説明

timeは、日時や時刻を表します。この要素によりユーザエージェントは、記事の発行日時などを正確に判断することが可能となります。

この記事は <time datetime="2011-06-11">2011年6月11日</time> に発行されました。

<time>~</time> の間、または datetime属性には、コンピュータが解釈できる正式な日時を示す文字列を記述します。

<time>2011-06-11</time>
<time datetime="2011-06-11">2011年6月11日</time>

日時の箇所には下記の例のフォーマットで日時を記載します。日付と時刻の間には T または半角スペースを記述します。時刻の後ろにはタイムゾーンを記述します。Z は世界標準時を意味します。-09:00, -0900 は -9時間の差異を示します。

2011-12-31T23:59:59.999Z
2011-12-31T23:59:59.999-0900
2011-12-31T23:59:59.999-09:00
2011-12-31 23:59:59.999Z
2011-12-31 23:59:59.999-0900
2011-12-31 23:59:59.999-09:00

タイムゾーンは省略することができます。日付のみ、時刻のみを記述することもできます。

2011-12-31 23:59:59.999

時刻のみを記述することもできます。ミリ秒、秒を省略することができます。

23:59
23:59:59
23:59:59.999

日付のみを記述することもできます。年月のみ、月日のみを記述することもできます。

12-31
2011-12
2011-12-31

属性

【固有属性】
属性意味
datetime=datetimeH5。この属性があればこの属性値が、無ければこの要素のコンテンツが日時を示します。
pubdateH5d。この要素で示された日時が、この要素の直近の祖先の article要素、無ければドキュメント全体の発行日時とみなされます。HTML5 草案で検討されていましたが、最終勧告では削除されました。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

HTML
<article>
 <p>.....</p>
 <p>発効日:<time datetime="2011-06-11">2011年6月11日</time></p>
</article>

Copyright (C) 2011-2015 杜甫々
初版:2011年6月11日 最終更新:2015年1月24日
http://www.tohoho-web.com/html/time.htm