← 返回首页
<time> - HTML: Hypertext Markup Language | 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: Hypertext Markup Language
  3. HTML 참고서
  4. HTML 요소 참고서
  5. <time>
Theme
  • OS default
  • Light
  • Dark
한국어
Remember language Learn more

This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

<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월.

HTML <time> 요소는 시간의 특정 지점 또는 구간을 나타냅니다. datetime 특성의 값을 지정해 보다 적절한 검색 결과나, 알림 같은 특정 기능을 구현할 때 사용할 수 있습니다.

<time> 요소가 나타낼 수 있는 시간은 다음과 같습니다.

In this article

시도해 보기

<p> The Cure will be celebrating their 40th anniversary on <time datetime="2018-07-07">July 7</time> in London's Hyde Park. </p> <p> The concert starts at <time datetime="20:00">20:00</time> and you'll be able to enjoy the band for at least <time datetime="PT2H30M">2h 30m</time>. </p>
time { font-weight: bold; }
콘텐츠 카테고리 가능한 콘텐츠 태그 생략 가능한 부모 요소 가능한 ARIA 역할 DOM 인터페이스
플로우 콘텐츠, 구문 콘텐츠, 뚜렷한 콘텐츠.
구문 콘텐츠.
불가능, 시작과 끝에 태그를 추가하는 것은 필수입니다.
구문 콘텐츠를 허용하는 모든 요소.
모두
HTMLTimeElement

특성

이 요소는 전역 특성을 포함합니다.

datetime

요소의 시간 또는 날짜 값. 아래에서 설명하는 형식 중 하나여야 합니다.

사용 일람

<time> 요소는 기계가 읽을 수 있는 형태로 날짜와 시간을 표현할 때 사용합니다. 예를 들어, 일정의 경우 사용자 에이전트가 자동으로 달력에 일정을 추가할 수 있도록 정확한 일시를 나타낼 수 있습니다.

복잡한 계산상 문제로 인해, 그레고리력의 도입 이전 시간을 나타낼 때 사용해서는 안됩니다.

기계가 읽을 날짜와 시간 값은 datetime 특성의 값으로, 아래의 적절한 형식 중 하나여야 합니다. datetime 특성이 없는 경우 어떠한 자식 요소도 두어서는 안되며, 요소의 텍스트 콘텐츠를 datetime 특성 값으로 간주합니다.

유효한 datetime 값

유효한 연도 문자열2011유효한 연-월 문자열2011-11유효한 연-월-일 문자열2011-11-18유효한 월-일 문자열11-18유효한 주차 문자열2011-W47유효한 시간 문자열14:5414:54:3914:54:39.929유효한 현지 날짜 및 시간 문자열2011-11-18T14:54:39.9292011-11-18 14:54:39.929유효한 국제 날짜 및 시간 문자열2011-11-18T14:54:39.929Z2011-11-18T14:54:39.929-04002011-11-18T14:54:39.929-04:002011-11-18 14:54:39.929Z2011-11-18 14:54:39.929-04002011-11-18 14:54:39.929-04:00유효한 기간 문자열PT4H18M3S

예제

간단한 예제

HTML

html
<p>The concert starts at <time>20:00</time>.</p>

결과

datetime 예제

HTML

html
<p> The concert took place on <time datetime="2001-05-15 19:00">May 15</time>. </p>

결과

명세

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년 4월 15일 by MDN contributors.

View this page on GitHub • Report a problem with this content
  1. HTML: Hypertext Markup Language
  2. 안내서:
    1. Cheatsheet
    2. Comments
    3. Constraint validation
    4. 콘텐츠 카테고리
    5. HTML의 날짜와 시간 형식
    6. Microdata
    7. Microformats
    8. Quirks 모드
    9. 반응형 이미지
  3. How to
  4. Define terms with HTML
  5. 데이터 속성 사용하기
  6. 교차 출처 이미지와 캔버스 허용하기
  7. Add a hitmap on top of an image
  8. Tips for Authoring Fast-loading HTML Pages
  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. HTML autocomplete 특성
    3. capture
    4. content
    5. HTML attribute: crossorigin
    6. dirname
    7. HTML disabled 속성
    8. HTML attribute: elementtiming
    9. fetchpriority
    10. for
    11. form
    12. integrity
    13. max
    14. HTML attribute: maxlength
    15. min
    16. minlength
    17. multiple
    18. pattern
    19. HTML attribute: elementtiming
    20. readonly
    21. Link types
    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. Attributes by element
    1. <input> types
      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 type>
      1. importmap
      2. speculationrules
    3. 표준 메타데이터 이름
      1. color-scheme
      2. referrer
      3. robots
      4. text-scale
      5. theme-color
      6. Viewport meta tag
    4. <meta http-equiv>
  15. Attribute values
    1. <link rel> keywords
      1. Alternative style sheets
      2. compression-dictionary
      3. dns-prefetch
      4. manifest
      5. me
      6. modulepreload
      7. noopener
      8. noreferrer
      9. preconnect
      10. prefetch
      11. 링크 유형: preload
      12. 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.