HTMLリファレンスマニュアル

HTMLタグ完全ガイド

HTML: <time> タグ

HTMLのtimeタグ（<time>）は以下を表現するために使用されます2424時間表示形式の時間またはグレゴリオ暦の日期、日付を表す場合には時間と時区も含むことができます。この要素は日付と時間を機械読み取り可能な形式で表現する意図です。スケジュール機能を持つアプリケーションはこれを利用できます。

オンラインサンプル

時間と日付の定義方法：

サンプル

!doctype　html>
<html>
<head>
　　<title>HTML5　timeタグの使用（基本チュートリアルウェブ　oldtoolbag.com)</title>
　　<meta　charset="UTF-8">
</head>
<body>
<article>
　　<h1>Articleの見出し</h1>
　　<p>article下に表示されるテキスト</p>
</article>
<footer>
　　<p>This　article　was　published　on　<time>2019-12-28</time>.</p>
　　<p>Our　business　opens　at　<time>08:30</time>.</p>
</footer>
</body>
</html>

テストをしてみる ‹/›

このHTML5ドキュメントの例では、2つの<time>タグを作成しました-最初の<time>タグは日付を表示し、次の<time>タグは24時間を24時間表示形式で表現しています。

ブラウザの互換性

<time>がサポートするブラウザには：

IEFirefoxOperaChromeSafari

タグの定義および使用方法

<time>タグはユニバーサル暦の時間を定義します（24 時間帯（24時間制）または日付、時区のオフセットはオプションです。

この要素は日付と時間を機械読み取り形式でエンコードすることができ、例えば、ユーザーエージェントは誕生日のリマインダーやスケジュールに予定を追加することができます。また、検索エンジンはよりスマートな検索結果を生成できます。

HTML 4.01 とHTML5の違い

<time>タグはHTML5 の新しいタグです

属性

New: HTML5 の新しい属性です

属性	値	説明
datetimeHTML5	datetime	指定された日付/時間。もう一つの方法は、要素の内容が日付を指定することです/時間。
pubdate	datetime	(この属性はまだWHATWGとW3(Cの組織設計と議論中です。) 時間 <time> 要素内の日付を示します / 時間はドキュメント（または最近の祖先 <article> 要素）の公開日です

グローバル属性

<time>タグがサポートしています HTMLのグローバル属性。

イベント属性

<time>タグがサポートしています HTMLのイベント属性。

HTML: <title> タグ HTML: <thead> タグ