<time>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017.
HTML <time>
요소는 시간의 특정 지점 또는 구간을 나타냅니다. datetime
특성의 값을 지정해 보다 적절한 검색 결과나, 알림 같은 특정 기능을 구현할 때 사용할 수 있습니다.
<time>
요소가 나타낼 수 있는 시간은 다음과 같습니다.
시도해보기
특성
사용 일람
<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
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 Standard # the-time-element |
브라우저 호환성
BCD tables only load in the browser
같이 보기
- 날짜와 시간 외 다른 종류의 값을 나타낼 수 있는
<data>
요소.