HTML <time> datetime 속성

HTML <time> 태그

정의와 사용법

datetime 속성은 <time> 요소의 machine-readable 형식을 나타냅니다.

유효한 datetime 값의 예제:

날짜:

<time datetime="1914">  <!-- 1914년 -->
<time datetime="1914-12">  <!-- 1914년 12월 -->
<time datetime="1914-12-20">  <!-- 1914년 12월 20일 -->
<time datetime="12-20">  <!-- 매년 12월 20일 -->
<time datetime="1914-W15">  <!-- 1914년의 15번째 주 -->

날짜와 시간:

<time datetime="1914-12-20T08:00">  <!-- 1914년 12월 20일 오전 8시 -->
<time datetime="1914-12-20 08:00">  <!-- 1914년 12월 20일 오전 8시 -->
<time datetime="1914-12-20 08:30:45">  <!-- 분과 초를 포함 -->
<time datetime="1914-12-20 08:30:45.687">  <!-- 분, 초, 밀리초를 포함 -->

시간:

<time datetime="08:00">  <!-- 오전 8시 -->
<time datetime="08:00-03:00">  <!-- UTC-3 시간의 리우데자네이루 시간 오전 8시 -->
<time datetime="08:00+03:00">  <!-- UTC+3 시간의 마다가스카 시간 오전 8시 -->

지속 시간:

<time datetime="P2D">  <!-- 2일을 의미 -->
<time datetime="PT15H10M">  <!-- 15시간 10분을 의미 -->

예제

machine-readable datetime 속성을 설정한 time 요소:

<p>저는 <time datetime="2017-02-14">발렌타인데이</time>에 약속이 있었습니다.</p>

직접 시도해 보세요

문법

<time datetime="YYYY-MM-DDThh:mm:ssTZD">

属性值

值 描述

YYYY-MM-DDThh:mm:ssTZD

또는

PTDHMS

规定的日期或时间。成分说明：

  • YYYY - 연（예: 2011）
  • MM - 월（예: 01은 1월을 의미합니다）
  • DD - 일（예: 08）
  • T 또는 공백 - 구분자（시간이 설정되어 있다면 필요합니다）
  • hh - 시간（예: 22는 밤 10시를 의미합니다）
  • mm - 분（예: 55）
  • ss - 초（예: 03）
  • TZD - 지역 시간지시자（Z는 주루어로도 알려져 있으며, 그린위치 표준시로도 알려져 있습니다）
  • P - "Period"의 접두사
  • D - "Days"의 접두사
  • H - "Hours"의 접두사
  • M - "Minutes"의 접두사
  • S - "Seconds"의 접두사

브라우저 지원

표의 숫자는 해당 속성을 최초로 완전히 지원한 브라우저 버전을 나타냅니다.

크롬 에지 파이어fox 사파리 오페라
크롬 에지 파이어fox 사파리 오페라
62.0 18.0 22.0 7.0 49.0

HTML <time> 태그