<time>
<time> 태그는 시간의 특정 기간을 나타낼 때 사용합니다. 날짜를 인식하기 위해서는 datetime 속성을 같이 사용하며 엔진 결과나 알림 같은 기능을 개선 할 수 있습니다. 시간은 24시간을 기준으로 설정하며 날짜는 그레고리력(Gregorian calendar)을 기준으로 표현합니다.
<time>
<time> 태그는 날짜와 시간을 정의합니다.
특징 | 설명 |
---|---|
요소 | 블록 요소(Block Element) |
닫는 태그 | 닫는 태그 사용(<time> ~ </time>) |
버전 | HTML5 |
시각적 표현 | 시각적인 표현은 없음, 브라우저가 인식할 수 있음 |
정의(Definition)
- <time> 태그는 날짜와 시간을 정의합니다.
Datetime 속성
datetime은 브라우저가 인식할 수 있는 속성입니다. 데이터 타임은 형식에 맞게 작성하여야 합니다.
- 년도만 표시하는 경우 : 2019
- 년도와 달을 표시하는 경우 : 2019-07
- 년도, 달, 날짜를 표시하는 경우 : 2019-07-18
- 주를 표시하는 경우 : 2019-W43
- 시간을 표현하는 경우 : 15:30
- 시간 및 초를 표현하는 경우 : 15:30:34, 15:30:34.345
- 모두 표시하는 경우 : 2019-07-18 15:30:34.345
속성(Property)
속성 | 값(예) | 설명 | 버전 |
---|---|---|---|
datetime | datetime="2016-10-14" | 날짜와 시간을 나타낼 때 사용합니다. | - |
호환성(Compatibility)
6 | 7 | 8 | 9 | 10 | 11 | |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
<time> | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |
datetime | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용안됨 | 사용안됨 | 사용안됨 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 | 사용가능 |