..

Search

<time>

HTML <time> 태그


정의 및 특징

<time> 태그는 사람이 읽을 수 있는(human-readable) 형태의 날짜와 시간 데이터를 정의할 때 사용합니다.

 

<time> 요소는 대부분의 웹 브라우저에서 특별한 형태로 랜더링되지는 않지만, 검색 엔진의 검색 결과 향상이나 알림 및 스케줄과 같은 사용자 기능을 위해 날짜와 시간 데이터를 기계가 읽을 수 있는(machine-readable) 형태로 변환해주는 datetime 속성을 포함할 수 있습니다

 

<time> 요소의 datetime 속성값으로 유효한 데이터는 다음과 같습니다.

- 24시간 형태로 표현된 시간 데이터

- 그레고리력(Gregorian calendar)으로 표현되는 날짜 데이터 (선택사항으로 시간 및 시간대 데이터를 포함할 수 있음)

- 유효한 기간 데이터


예제

<p>이번 콘서트는 <time datetime="2019-04-19T20:00:00">4월 19일 저녁 8시</time>부터 시작합니다.</p>

코딩연습 ▶


지원하는 브라우저 및 버전

태그명

chrome

edge

ie

firefox

safari

opera

<time> 62.0 지원함 지원하지 않음 22.0 7.0 49.0

HTML5에서 변경된 사항

<time> 태그는 HTML5에서 새롭게 추가된 요소입니다.


사용할 수 있는 속성

속성명   속성값 설명

datetime

 

날짜와시간

<time> 요소의 날짜와 시간 데이터를 기계가 읽을 수 있는 형태로 명시함.


DOM 인터페이스

interface HTMLTimeElement : HTMLElement {

  attribute DOMString dateTime;

};


연습문제