HTML 참조 설명서

HTML 태그 전체

HTML: <time> 태그

HTML time 태그( <time>)는 다음을 표시합니다2424시간제 시간 또는 그레고리력 날짜, 날짜를 표시할 때는 시간과 시간대도 포함할 수 있습니다. 이 요소는 날짜와 시간을 기계가 읽을 수 있는 형식으로 표시하기 위해 의도되었습니다. 일정 관리 기능을 가진 애플리케이션은 이를 활용할 수 있습니다.

온라인 예제

시간과 날짜를 정의하는 방법:

예제

!doctype　html>
<html>
<head>
　　<title>HTML5　time 태그 사용(기본 튜토리얼 웹 oldtoolbag.com)</title>
　　<meta　charset="UTF-8">
</head>
<body>
<article>
　　<h1>Article의 제목</h1>
　　<p>article 아래에 나타나는 텍스트</p>
</article>
<footer>
　　<p>This　article　was　published　on　<time>2019-12-28</time>.</p>
　　<p>Our　business　opens　at　<time>08:30</time>.</p>
</footer>
</body>
</html>

시험해 보세요 ‹/›

이 HTML5문서 예제에서는 두 개의 <time> 태그를 생성했습니다-첫 번째 <time> 태그는 날짜를 표시하며, 두 번째 <time> 태그는24시간대 표시로된 시간.

브라우저 호환성

<time>가 지원하는 브라우저는:

IEFirefoxOperaChromeSafari

태그 정의 및 사용 설명

<time> 태그는 공통 일력의 시간을 정의합니다24 시간제) 또는 날짜, 시간과 시간대 이동은 선택 사항입니다

이 요소는 날짜와 시간을 기계적으로 읽을 수 있게编码하며, 예를 들어, 사용자代理는 생일 알림이나 예약된 이벤트를 사용자 일정에 추가할 수 있으며, 검색 엔진도 더 지능적인 검색 결과를 생성할 수 있습니다

HTML 4.01 와 HTML5간의 차이

<time> 태그는 HTML5 속성 중의 새로운 태그입니다

속성

New: HTML5 속성 중의 새로운 속성입니다

속성	값	설명
datetimeHTML5	datetime	지정 날짜/시간. 또한, 요소 내용에 기반한 날짜를 제공할 수도 있습니다/시간.
pubdate	datetime	(이 속성은 WHATWG와 W3(C 조직 설계 및 논의 중.) <time> 요소 내의 날짜를 지시합니다 / 시간은 문서(또는 가장 최근의 선조 <article> 요소)의 발행 날짜입니다

전역 속성

<time> 태그가 지원 HTML의 전역 속성。

이벤트 속성

<time> 태그가 지원 HTML 이벤트 속성。

HTML: <title> 태그 HTML: <thead> 태그