<time>

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

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

콘텐츠 카테고리 플로우 콘텐츠, 구문 콘텐츠, 뚜렷한 콘텐츠.
가능한 콘텐츠 구문 콘텐츠.
태그 생략 None, both the starting and ending tag are mandatory.
가능한 부모 요소 구문 콘텐츠를 허용하는 모든 요소.
가능한 ARIA 역할 모두
DOM 인터페이스 HTMLTimeElement

특성

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

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

사용 일람

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

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

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

유효한 datetime

유효한 연도 문자열
2011
유효한 연-월 문자열
2011-11
유효한 연-월-일 문자열
2011-11-18
유효한 월-일 문자열
11-18
유효한 주차 문자열
2011-W47
유효한 시간 문자열
14:54
14:54:39
14:54:39.929
유효한 현지 날짜 및 시간 문자열
2011-11-18T14:54:39.929
2011-11-18 14:54:39.929
유효한 국제 날짜 및 시간 문자열
2011-11-18T14:54:39.929Z
2011-11-18T14:54:39.929-0400
2011-11-18T14:54:39.929-04:00
2011-11-18 14:54:39.929Z
2011-11-18 14:54:39.929-0400
2011-11-18 14:54:39.929-04:00
유효한 기간 문자열
PT4H18M3S

예제

간단한 예제

HTML

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

결과

datetime 예제

HTML

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

결과

명세

Specification Status Comment
HTML Living Standard
The definition of '<time>' in that specification.
Living Standard No change from HTML 5.1
HTML 5.1
The definition of '<time>' in that specification.
Recommendation No change from HTML5
HTML5
The definition of '<time>' in that specification.
Recommendation Initial definition.

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
timeChrome Full support 62Edge Full support ≤18Firefox Full support 22IE No support NoOpera Full support 49
Full support 49
No support 11.5 — 12
Safari Full support 7WebView Android Full support 62Chrome Android Full support 62Firefox Android Full support 22Opera Android Full support 46
Full support 46
No support 11.5 — 12
Safari iOS Full support 4Samsung Internet Android Full support 8.0
datetimeChrome Full support 62Edge Full support ≤18Firefox Full support 22IE No support NoOpera Full support 49
Full support 49
No support 11.5 — 12
Safari Full support 7WebView Android Full support 62Chrome Android Full support 62Firefox Android Full support 22Opera Android Full support 46
Full support 46
No support 11.5 — 12
Safari iOS Full support 4Samsung Internet Android Full support 8.0

Legend

Full support  
Full support
No support  
No support

같이 보기

  • 날짜와 시간 외 다른 종류의 값을 나타낼 수 있는 <data> 요소.