← 返回首页
HTML <time> （日付）時刻要素 - HTML | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Toggle sidebar
  1. 開発者向けのウェブ技術
  2. HTML
  3. リファレンス
  4. 要素
  5. <time>
Theme
  • OS default
  • Light
  • Dark
日本語
Remember language Learn more

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

HTML <time> （日付）時刻要素

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2017年10月.

<time> は HTML の要素で、特定の時の区間を表します。datetime 属性を使用して、機械可読な形式の日付を記述することができ、検索エンジンの結果を改善したりリマインダーなどの独自機能に使用したりすることができます。

次のうちの一つを表します。

In this article

試してみましょう

<p> ザ・キュアは、<time datetime="2018-07-07">7 月 7 日</time>にロンドンのハイド・パークで結成 40 周年を祝います。 </p> <p> コンサートは <time datetime="20:00">20:00</time> に始まり、少なくとも <time datetime="PT2H30M">2 時間 30 分</time>の間、バンドの演奏をお楽しみいただけます。 </p>
time { font-weight: bold; }

属性

他のすべての HTML 要素と同様に、この要素はグローバル属性に対応しています。

datetime

この属性は要素の日付や時刻を表し、下記に示す書式のいずれかでなければなりません。

使用上のメモ

この要素は、機械可読な形式で日付や時刻を表現するためのものです。例えばユーザーエージェントが、ユーザーのカレンダーにイベントの予定情報を提供することに役立てることができます。

この要素はグレゴリオ暦導入前の日付に対して使用するべきではありません（日付の計算で混乱するため）。

datetime 値（機械可読な日時の値）は要素の datetime 属性の値であり、正しい書式（下記参照）でなければなりません。要素に datetime 属性がない場合、子孫要素を持ってはならず、 datetime 値 は要素のテキストの内容になります。

有効な datetime 値

説明 構文 例
有効な月の文字列 YYYY-MM 2011-11, 2013-05
有効な日付の文字列 YYYY-MM-DD 1887-12-01
年のない有効な日付の文字列 MM-DD 11-12
有効な時刻の文字列 HH:MM
HH:MM:SS
HH:MM:SS.mmm 		23:59
12:15:47
12:15:52.998
有効なローカル日時の文字列 YYYY-MM-DD HH:MM
YYYY-MM-DD HH:MM:SS
YYYY-MM-DD HH:MM:SS.mmm
YYYY-MM-DDTHH:MM
YYYY-MM-DDTHH:MM:SS
YYYY-MM-DDTHH:MM:SS.mmm 		2013-12-25 11:12
1972-07-25 13:43:07
1941-03-15 07:06:23.678
2013-12-25T11:12
1972-07-25T13:43:07
1941-03-15T07:06:23.678
有効なタイムゾーンオフセット文字列 Z
+HHMM
+HH:MM
-HHMM
-HH:MM 		Z
+0200
+04:30
-0300
-08:00
有効なグローバル日時文字列 有効な現地日時文字列と、その後に続く有効なタイムゾーンオフセット文字列の任意の組み合わせ 2013-12-25 11:12+0200
1972-07-25 13:43:07+04:30
1941-03-15 07:06:23.678Z
2013-12-25T11:12-08:00
有効な週の文字列 YYYY-WWW 2013-W46
4 桁以上の ASCII 数字 YYYY 2013, 0001
有効な期間の文字列 PdDThHmMsS
PdDThHmMs.XS
PdDThHmMs.XXS
PdDThHmMs.XXXS
PThHmMsS
PThHmMs.XS
PThHmMs.XXS
PThHmMs.XXXS
ww dd hh mm ss 		P12DT7H12M13S
P12DT7H12M13.3S
P12DT7H12M13.45S
P12DT7H12M13.455S
PT7H12M13S
PT7H12M13.2S
PT7H12M13.56S
PT7H12M13.999S
7d 5h 24m 13s

例

基本的な例

HTML

html
<p> コンサートは <time datetime="2018-07-07T20:00:00">20:00</time> に始まります。 </p>

結果

datetime の例

HTML

html
<p> コンサートは <time datetime="2001-05-15T19:00">5 月 15 日</time>に開催されます。 </p>

結果

技術的概要

コンテンツカテゴリー 許可されている内容 タグの省略 許可されている親要素 暗黙の ARIA ロール 許可されている ARIA ロール DOM インターフェイス
フローコンテンツ, 記述コンテンツ, 知覚可能コンテンツ
記述コンテンツ
なし。開始タグと終了タグの両方が必須です。
記述コンテンツを受け入れるすべての要素
time
すべて
HTMLTimeElement

仕様書

Specification
HTML
# the-time-element

ブラウザーの互換性

Enable JavaScript to view this browser compatibility table.

関連情報

  • <data> 要素では、他の種類の値を示すことが可能です。

Help improve MDN

Was this page helpful to you?
Yes No
Learn how to contribute

This page was last modified on 2026年5月3日 by MDN contributors.

View this page on GitHub • Report a problem with this content
  1. HTML
  2. ガイド
    1. HTML 早見表
    2. コメント
    3. 制約検証
    4. コンテンツカテゴリー
    5. 日付と時刻の形式
    6. マイクロデータ
    7. マイクロフォーマット
    8. 後方互換モードと標準モード
    9. レスポンシブ画像
  3. 手引
  4. HTML で用語を定義する
  5. データ属性の使用
  6. 別オリジンの画像の利用
  7. 画像の上にヒットマップを追加する
  8. 読み込みが速い HTML ページを作成する
  9. JavaScript の追加
  10. リファレンス
  11. 要素
    1. <a>
    2. <abbr>
    3. <acronym>
    4. <address>
    5. <area>
    6. <article>
    7. <aside>
    8. <audio>
    9. <b>
    10. <base>
    11. <bdi>
    12. <bdo>
    13. <big>
    14. <blockquote>
    15. <body>
    16. <br>
    17. <button>
    18. <canvas>
    19. <caption>
    20. <center>
    21. <cite>
    22. <code>
    23. <col>
    24. <colgroup>
    25. <data>
    26. <datalist>
    27. <dd>
    28. <del>
    29. <details>
    30. <dfn>
    31. <dialog>
    32. <dir>
    33. <div>
    34. <dl>
    35. <dt>
    36. <em>
    37. <embed>
    38. <fencedframe>
    39. <fieldset>
    40. <figcaption>
    41. <figure>
    42. <font>
    43. <footer>
    44. <form>
    45. <frame>
    46. <frameset>
    47. <geolocation>
    48. <h1>
    49. <head>
    50. <header>
    51. <hgroup>
    52. <hr>
    53. <html>
    54. <i>
    55. <iframe>
    56. <img>
    57. <input>
    58. <ins>
    59. <kbd>
    60. <label>
    61. <legend>
    62. <li>
    63. <link>
    64. <main>
    65. <map>
    66. <mark>
    67. <marquee>
    68. <menu>
    69. <meta>
    70. <meter>
    71. <nav>
    72. <nobr>
    73. <noembed>
    74. <noframes>
    75. <noscript>
    76. <object>
    77. <ol>
    78. <optgroup>
    79. <option>
    80. <output>
    81. <p>
    82. <param>
    83. <picture>
    84. <plaintext>
    85. <pre>
    86. <progress>
    87. <q>
    88. <rb>
    89. <rp>
    90. <rt>
    91. <rtc>
    92. <ruby>
    93. <s>
    94. <samp>
    95. <script>
    96. <search>
    97. <section>
    98. <select>
    99. <selectedcontent>
    100. <slot>
    101. <small>
    102. <source>
    103. <span>
    104. <strike>
    105. <strong>
    106. <style>
    107. <sub>
    108. <summary>
    109. <sup>
    110. <table>
    111. <tbody>
    112. <td>
    113. <template>
    114. <textarea>
    115. <tfoot>
    116. <th>
    117. <thead>
    118. <time>
    119. <title>
    120. <tr>
    121. <track>
    122. <tt>
    123. <u>
    124. <ul>
    125. <var>
    126. <video>
    127. <wbr>
    128. <xmp>
  12. 属性
    1. accept
    2. autocomplete
    3. capture
    4. content
    5. crossorigin
    6. dirname
    7. disabled
    8. elementtiming
    9. fetchpriority
    10. for
    11. form
    12. integrity
    13. max
    14. maxlength
    15. min
    16. minlength
    17. multiple
    18. pattern
    19. placeholder
    20. readonly
    21. rel
    22. required
    23. size
    24. step
  13. グローバル属性
    1. accesskey
    2. anchor
    3. autocapitalize
    4. autocorrect
    5. autofocus
    6. class
    7. contenteditable
    8. data-*
    9. dir
    10. draggable
    11. enterkeyhint
    12. exportparts
    13. hidden
    14. id
    15. inert
    16. inputmode
    17. is
    18. itemid
    19. itemprop
    20. itemref
    21. itemscope
    22. itemtype
    23. lang
    24. nonce
    25. part
    26. popover
    27. slot
    28. spellcheck
    29. style
    30. tabindex
    31. title
    32. translate
    33. virtualkeyboardpolicy
    34. writingsuggestions
  14. 要素別の属性
    1. <input> 型
      1. <input type="button">
      2. <input type="checkbox">
      3. <input type="color">
      4. <input type="date">
      5. <input type="datetime-local">
      6. <input type="email">
      7. <input type="file">
      8. <input type="hidden">
      9. <input type="image">
      10. <input type="month">
      11. <input type="number">
      12. <input type="password">
      13. <input type="radio">
      14. <input type="range">
      15. <input type="reset">
      16. <input type="search">
      17. <input type="submit">
      18. <input type="tel">
      19. <input type="text">
      20. <input type="time">
      21. <input type="url">
      22. <input type="week">
    2. <script> 型
      1. importmap
      2. <script type="speculationrules">
    3. <meta> name
      1. color-scheme
      2. referrer
      3. robots
      4. text-scale
      5. theme-color
      6. viewport
    4. <meta http-equiv>
  15. 属性値
    1. rel キーワード
      1. rel="alternate stylesheet"
      2. rel="compression-dictionary"
      3. rel="dns-prefetch"
      4. rel="manifest"
      5. rel="me"
      6. rel="modulepreload"
      7. rel="noopener"
      8. rel="noreferrer"
      9. rel="preconnect"
      10. rel=prefetch
      11. rel="preload"
      12. rel=prerender

Your blueprint for a better internet.

MDN Contribute Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.