<time> 태그의 datetime 속성
HTML <time> 태그 ⇒
정의 및 특징
<time> 태그의 datetime 속성은 <time> 요소의 날짜와 시간 데이터를 기계가 읽을 수 있는(machine-readable) 형태로 명시합니다.
datetime 속성값으로 유효한 데이터는 다음과 같습니다.
- 24시간 형태로 표현된 시간 데이터
- 그레고리력(Gregorian calendar)으로 표현되는 날짜 데이터 (선택사항으로 시간 및 시간대 데이터를 포함할 수 있음)
- 유효한 기간 데이터
문법
|
<time datetime="YYYY-MM-DDThh:mm:ssTZD|PTDHMS"> |
속성값
| 속성값 | 설명 | |
|---|---|---|
|
YYYY-MM-DDThh:mm:ssTZD 또는 PTDHMS |
명시된 날짜와 시간
ex) 20190127T22:30:58Z - YYYY : 년도 ex) 2019 → 2019년 - MM : 월 ex) 01 → 1월 - DD : 일 ex) 27 → 27일 - T 또는 공백문자 : 날짜와 함께 시간까지 함께 나타낼 경우 날짜와 시간을 구분해 주는 구분자(separator) - hh : 시 ex) 22 → 오후 10시 - mm : 분 ex) 30 → 30분 - ss : 초 ex) 59 → 59초 - TZD : 표준 시간대 지정자(Time Zone Designator)를 의미하며, Z는 그리니치 표준시를 의미함.
ex) PT1D4H19M14S P(period) : 기간을 의미함. D(days) : 날짜 ex) 1D → 1일 H(hours) : 시간 ex) 4H → 4시간 M(minutes) : 분 ex) 19M → 19분 S(seconds) : 초 ex) 14S → 14초 |
예제
<h3>날짜</h3>
<p><time datetime="2019">2019년</time></p>
<p><time datetime="2019-12">2019년 12월</time></p>
<p><time datetime="2019-12-25">2019년 12월 25일</time></p>
<p><time datetime="12-25">크리스마스</time></p>
<p><time datetime="2019-W20">2019년의 20번째 주</time></p>
<h3>날짜와 시간</h3>
<p><time datetime="2019-12-24T23:00">2019년 12월 24일 저녁 11시</time></p>
<p><time datetime="2019-12-24 23:00">2019년 12월 24일 저녁 11시</time></p>
<p><time datetime="2019-12-24T23:59:59">2019년 12월 24일 저녁 11시 59분 59초</time></p>
<p><time datetime="2019-12-24T23:59:59.234">2019년 12월 24일 저녁 11시 59분 59초 234밀리초</time></p>
<h3>기간</h3>
<p><time datetime="P2D">2일의 기간</time></p>
<p><time datetime="PT15H10M">15시간 10분의 기간</time></p>
<h3>시간</h3>
<p><time datetime="09:00">아침 9시</time></p>
<p><time datetime="09:00+09:00">한국 시간(UTC+9)으로 아침 9시</time></p>
<p><time datetime="09:00-05:00">미국 뉴욕 시간(UTC-5)으로 아침 9시</time></p>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| datetime | 62.0 | 지원함 | 지원하지 않음 | 22.0 | 7.0 | 49.0 |
