HTML<time> 요소는 시간의 특정 지점 또는 구간을 나타냅니다.datetime 특성의 값을 지정해 보다 적절한 검색 결과나, 알림 같은 특정 기능을 구현할 때 사용할 수 있습니다.

<time> 요소가 나타낼 수 있는 시간은 다음과 같습니다.

• 24시간 표기법 시계의 시간.
• 정확한그레고리력 날짜. (시간대 정보 포함 가능)
• 유효한 시간 범위.

시도해 보기

<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;}

특성

이 요소는전역 특성을 포함합니다.

datetime

요소의 시간 또는 날짜 값. 아래에서 설명하는 형식 중 하나여야 합니다.

사용 일람

<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

<p>The concert starts at <time>20:00</time>.</p>

결과

datetime 예제

HTML

<p>  The concert took place on <time datetime="2001-05-15 19:00">May 15</time>.</p>

결과

명세

브라우저 호환성

같이 보기

• 날짜와 시간 외 다른 종류의 값을 나타낼 수 있는<data> 요소.