<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.
Please take two minutes to fill out our short survey.
HTML <time> 요소는 시간의 특정 지점 또는 구간을 나타냅니다. datetime 특성의 값을 지정해 보다 적절한 검색 결과나, 알림 같은 특정 기능을 구현할 때 사용할 수 있습니다.
<time> 요소가 나타낼 수 있는 시간은 다음과 같습니다.
시도해 보기
<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;
}
특성
사용 일람
<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 |
브라우저 호환성
같이 보기
- 날짜와 시간 외 다른 종류의 값을 나타낼 수 있는
<data>요소.