<time>: TIME 要素
最終更新：2026-10-13
<time>TIME 要素
機械可読な日付や時刻を表します。検索エンジンやスクリプトが正確に解析できるようになります。
| カテゴリ | セマンティック |
|---|---|
| コンテンツモデル | フレージングコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </time> タグ |
| ステータス | 標準 |
📝 構文
<time datetime="2026-08-23">2026年8月23日</time>⚙️ 属性
この要素はグローバル属性に加え、以下の属性をサポートします：
| 属性 | 値 | 説明 |
|---|---|---|
datetime | Machine-readable date/time, e.g. 2026-08-23T13:30. |
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <time> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： datetime には標準形式の値（例：2026-08-23 や 2026-08-23T13:30）を入れます。表示テキストは自由です。
❓ よくある質問
Qtime タグには何の役割がありますか？
A
<time> は機械可読な datetime 属性で日時を示し、タグの中身には自然な言葉を書きます。たとえば <time datetime='2026-10-09'>今日</time> のように書くと、ブラウザ・検索エンジン・カレンダーツールが正確に解析できます。記事の公開日時の SEO にも有効です。Qtime の datetime 属性の形式は何ですか？
A有効な形式は、日付
2026-10-09、日時 2026-10-09T14:30、タイムゾーン付き 2026-10-09T14:30+08:00、年 2026、期間 PT2H30M（すべて ISO 8601）です。datetime 属性を省略した場合、タグの中身そのものが機械可読な形式でなければなりません。Qtime で期間（時間の長さ）を表せますか？
A表せます。ISO 8601 の期間形式を使い、
<time datetime='PT2H30M'>2時間30分</time> のように書きます。datetime の値は P で始まります（Period の頭文字）。講座の所要時間や動画の長さなどの場面に向いています。🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
