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