본문 바로가기

Webstoryboy

Category

Explanation

HTML

[HTML] <time>

<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 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
<time> 사용가능 사용가능 사용가능 사용가능 사용가능 사용안됨 사용안됨 사용안됨 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
datetime 사용가능 사용가능 사용가능 사용가능 사용가능 사용안됨 사용안됨 사용안됨 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

더보기

인스타그램 보기 바로가기

포트폴리오 스터디 바로가기

유튜브 영상보기 바로가기