最終更新:2026-09-12

<time>TIME 要素

機械可読な日付や時刻を表します。検索エンジンやスクリプトが正確に解析できるようになります。

カテゴリセマンティック
コンテンツモデルフレージングコンテンツ
許可される親要素フローコンテンツを受け入れる要素
閉じタグ必要 </time> タグ
ステータス標準

📝 構文

<time datetime="2026-08-23">2026年8月23日</time>

⚙️ 属性

この要素はグローバル属性に加え、以下の属性をサポートします:

属性説明
datetimeMachine-readable date/time, e.g. 2026-08-23T13:30.

▶ サンプル

下のコードを編集して、playground でリアルタイム結果を確認:

🌐 ブラウザサポート

ブラウザ ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
<time> v1 v12 v1 v1 v1
すべての主要ブラウザでサポート
ヒント: datetime には標準形式の値(例:2026-08-23 や 2026-08-23T13:30)を入れます。表示テキストは自由です。
今後さらにケーススタディを追加予定です。

📚 関連チュートリアル

Web-Tutorial.com

Web-Tutorial 技術チーム

複数の開発者によって共同維持されているプログラミングチュートリアルプラットフォーム。各チュートリアルは専門分野の開発者が執筆・レビューしています。正確で信頼性の高いコンテンツを目指しています — 問題を見つけた場合はお知らせください。

100%