htmlで日付・時間の表示「time要素」ＨＴＭＬ５

HTMLで「time要素」による日付と時間の表示と同時にマシンにも認識させるタグを説明します。

「time要素」は、ＨＴＭＬ５で新たに導入された要素で、ブラウザ・検索エンジンでは正確に日時を認識できます。

「datetime属性」で、タグの中に日時のデータを入れて、マシン上は「日付・時間」を認識して、ブラウザ表示上は日本語の年月日時分で表現できます。

▼ 【広告】無料転職支援に登録 ▼

「公認会計士専門」の転職支援サービス「マイナビ会計士」
※マイナビのプロモーションを含みます。

「time要素」のマークアップ例

下記の書式通りにマークアップします。「+09:00」は、日本の場合のグリニッジ標準時との時差を表します。時差の無い国（イギリスなど）の場合は「Z」と大文字で記載します。サマータイムを導入している国・地域の場合は、サマータイム期間中は１時間マイナスして記載します。

ＨＴＭＬソース

年の場合
<time>2015</time>
年月の場合
<time>2015-07</time>
年月日の場合
<time>2015-07-17</time>
年月日時分の場合
<time>2015-07-17T16:11+09:00</time>
年月日時分秒の場合
<time>2015-07-17T16:11:59+09:00</time>
年月日時分秒1/10秒の場合
<time>2015-07-17T16:11:59.3+09:00</time>

ブラウザ表示

年の場合
2015
年月の場合
2015-07
年月日の場合
2015-07-17
年月日時分の場合
2015-07-17T16:11+09:00
年月日時分秒の場合
2015-07-17T16:11:59+09:00
年月日時分秒1/10秒の場合
2015-07-17T16:11:59.3+09:00

▼ 【広告】ＰＣカスタマイズ ▼

BTOパソコンのサイコム