HTML5タグリファレンス
time

投稿 | | カテゴリー タグリファレンス, HTML5
HTML5で追加

<time>要素は、datetime属性とともに、コンピュータが読み取り可能な書式による日付や時刻を表します。datetime属性の指定がない場合は、内容はコンピュータが読み取り可能な書式のテキストでなければいけません。内容は、日付、時刻、時間帯オフセット、及び継続期間の各種に限定されます。

日付・時刻のフォーマット文字列

datetime属性またはdatetime属性が指定されていない<time>要素の値は、次のいずれかの構文と一致する必要があります。

有効な年月
<time>2016-10</time>
有効な年月日
<time>2016-10-1</time>
有効な月日
<time>10-01</time>
有効な時刻
<time>12:10</time>
<time>12:10:35</time>
<time>12:10:35.929</time>
有効な日付と時刻
<time>2016-10-01T12:10</time>
<time>2016-10-01T12:10:35</time>
<time>2016-10-01T12:10:35.929</time>
<time>2016-10-01 12:10</time>
<time>2016-10-01 12:10:35</time>
<time>2016-10-01 12:10:35.929</time>
有効なタイムゾーンのオフセット
<time>Z</time>
<time>+0000</time>
<time>+00:00</time>
<time>-0800</time>
<time>-08:00</time>
有効なUTCの日付と時刻
<time>2016-10-01T12:10Z</time>
<time>2016-10-01T12:10:35Z</time>
<time>2016-10-01T12:10:35.929Z</time>
<time>2016-10-01T12:10+0000</time>
<time>2016-10-01T12:10:35+0000</time>
<time>2016-10-01T12:10:35.929+0000</time>
<time>2016-10-01T12:10+00:00</time>
<time>2016-10-01T12:10:35+00:00</time>
<time>2016-10-01T12:10:35.929+00:00</time>
<time>2016-10-01 12:10Z</time>
<time>2016-10-01 12:10:35Z</time>
<time>2016-10-01 12:10:35.929Z</time>
<time>2016-10-01 12:10+0000</time>
<time>2016-10-01 12:10:35+0000</time>
<time>2016-10-01 12:10:35.929+0000</time>
<time>2016-10-01 12:10+00:00</time>
<time>2016-10-01 12:10:35+00:00</time>
<time>2016-10-01 12:10:35.929+00:00</time>
有効な週
<time>2016-W46</time>
"0"以外を含む4ケタ以上の数値(U+0030) ASCII digits
<time>2016</time>
<time>0001</time>
有効期間の文字列
<time>PT4H18M3S</time>
<time>4h 18m 3s</time>

カテゴリ
フロー・コンテンツ、フレージング・コンテンツ、パルパブル・コンテンツ
配置場所
フレージング・コンテンツが置ける場所。
内容
フレージング・コンテンツ
属性
datetime="日付・時刻のフォーマット文字列"

コンピュータが読み取り可能な日付・時刻のフォーマット文字列を指定します。

グローバル属性

accesskey, class, contenteditable, data-*, dir, hidden, id, lang, spellcheck, style, tabindex, title, translate

サンプル

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>HTML5 › time</title>
</head>
<body>
<h1>HTML5 › time</h1>
<article itemscope itemtype="http://n.example.org/rfc4287">
<h2 itemprop="title">求む、ステロイド軟膏</h2>
<footer>公開:<time itemprop="published" datetime="2016-09-21">2日前</time>.</footer>
<p itemprop="content">いやぁ、今日は股間がカユくてドコにも行きたくないよ。</p>
</article>
</body>
</html>