HTML time 태그

time 태그는 기계가 읽을 수 있는 표준화된 데이터 형태의 날짜나 시간임을 나타냅니다.

 

이 글은 코딩에브리바디(codingeverybody.kr)의 내용을 참조해 작성했습니다.

 

time 태그로 날짜나 시간에 관한 콘텐츠를 기계가 읽을 수 있는 표준 형식으로 명시함으로써, 스크린 리더나 검색엔진 등이 콘텐츠를 더 잘 이해하고 처리하도록 할 수 있습니다.

 

기본 예제

<p>다음 모임은 <time>2024-07-07</time>에 있을 예정입니다.</p>

 

기계가 읽을 수 있는 표준화된 데이터 형태의 날짜나 시간

time 태그는 기계가 읽을 수 있는 표준화된 데이터 형태의 날짜나 시간으로 작성되어야 합니다.

기계가 읽을 수 있는 표준화된 데이터 형태의 날짜나 시간은 datetime 속성의 유효한 값을 말하며, 아래 표의 적절한 형식 중 하나이어야 합니다.

 

유효한 구문

<time>2011</time>

 

<time>2011-11</time>

 

<time>2011-11-18</time>

 

<time>11-18</time>

 

<time>2011-W47</time>

 

<time>14:54</time>

 

<time>14:54:39</time>

 

<time>14:54:39.929</time>

 

<time>Z</time>
<time>+0000</time>
<time>+00:00</time>
<time>-0800</time>
<time>-08:00</time>

 

<time>2011-11-18T14:54:39.929</time>

 

<time>2011-11-18 14:54:39.929</time>

 

<time>2011-11-18T14:54:39.929Z</time>
<time>2011-11-18T14:54:39.929-0400</time>
<time>2011-11-18T14:54:39.929-04:00</time>
<time>2011-11-18 14:54:39.929Z</time>
<time>2011-11-18 14:54:39.929-0400</time>
<time>2011-11-18 14:54:39.929-04:00</time>

 

<time>PT4H18M3S</time>

 

유효하지 않은 구문

<time>어제</time>

 

<time>2025년 7월 15일</time>

 

<time>오후 3시</time>

 

datetime 속성의 사용

앞서 살펴본 바와 같이 아래의 구문은 유효하지 않습니다.

<time>2025년 7월 15일</time>

 

하지만, datetime 속성의 값으로 유효한 datetime 값 형식을 지정하면 유효한 구문이 됩니다.

<time datetime="2025-07-15">2025년 7월 15일</time>

 

다양한 예제

<p>
    비행기는 <time datetime="2024-09-23">금요일</time>에 출발합니다.
</p>

 

<p>
    이번 이벤트는 <time datetime="2025-08-01 10:00">8월 1일 오전 10시</time>에 시작합니다.
</p>

 

<time datetime="15:00">오후 3시</time>

 

또 다른 출처 정보

https://codingeverybody.jp/html-time-tag/

HTML <time>タグ：正しい理解と使い方 - codingEverybody

 

https://coding.courses/html-time-tag/

HTML <time> Tag – The Date and Time Element - codingCourses