티스토리 뷰

HTML

[HTML] <time>

<time>

<time> 태그는 시간의 특정 기간을 나타낼 때 사용합니다. 날짜를 인식하기 위해서는 datetime 속성을 같이 사용하며 엔진 결과나 알림 같은 기능을 개선 할 수 있습니다. 시간은 24시간을 기준으로 설정하며 날짜는 그레고리력(Gregorian calendar)을 기준으로 표현합니다.


<time>

<time> 태그는 날짜와 시간을 정의합니다.

정의(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) 더보기 caniuse.com

크롬 아이콘 파이어폭스 아이콘 사파리 아이콘 오페라 아이콘 네이버 웨일 익스플로러6 아이콘6 익스플로러7 아이콘7 익스플로러8 아이콘8 익스플로러9 아이콘9 익스플로러10 아이콘10 익스플로러11 아이콘11 엣지 아이콘 안드로이드 아이콘 ios 아이콘
<time> 사용가능 사용가능 사용가능 사용가능 사용가능 사용안됨 사용안됨 사용안됨 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능
datetime 사용가능 사용가능 사용가능 사용가능 사용가능 사용안됨 사용안됨 사용안됨 사용가능 사용가능 사용가능 사용가능 사용가능 사용가능

참고(Reference)

  • MDN
  • HTML5.1

공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

UP NEXT : Ads by Google

질문하기(Questions)
댓글쓰기 폼