Introduced in HTML 5
설명
The HTML time element (<time>) represents either time on a 24-hour clock or a precise date in the Gregorian calendar (with optional time and timezone information).
time 엘리먼트는 24시간제의 시간, 혹은 그레고리력의 완전한 날짜 정보를 나타내는데 사용된다. (선택적으로 시간과 시간대 정보를 포함할 수 있다)
Usage note : This element is not appropriate for instances where a specific date cannot be calculated, nor should it be used for dates prior to the introduction to the Gregorian calendar (due to complications with calculating those dates).
사용 참고 사항: 이 엘리먼트는 다음과 같은 경우에는 적합하지 않다.
- 계산할 수 없는 날짜정보
- 그레고리력이 사용되기 이전의 날짜정보 (날짜 계산의 문제가 있음)
Usage Context
| Permitted content |
Phrasing content, but no descendant time elements. |
| Tag omission | None, both the start tag and the end tag are mandatory. |
| Permitted parent elements | Any element that accepts phrasing content. |
| Normative document | HTML5, section 4.6.10 |
속성
이 엘리먼트는 전역속성을 지원한다.
datetime
This attribute indicates the time and date of the element and must be a valid date with an optional time string. If the value cannot be parsed as a date with an optional time string, the element does not have an associated time stamp.
엘리먼트의 시각과 날짜 정보를 나타내는 속성이다, 값은 유효한 형식의 시각과 날짜 정보이어야 하며, 이 중 시각정보(시/분/초)는 필수가 아니다. 만약 값의 형식이 유효하지 않을 경우, 브라우저가 값을 분석하지 못해 타임스탬프를 갖지 못하게 된다.
이 부분은 원문 자체가 그 자체만으로는 이해하기 용이하지 않은것 같네요.. 혹 추가 보충해주실 분 있다면 도움 부탁드립니다
pubdate
This Boolean attribute specifies that the date and time given by the element is the publication date of a document. The document it applies to is either the nearest ancestor article element or the document as a whole (if there is no ancestor article element). If true, the time element must have a corresponding date. Additionally, each time element indicating a publication date must be the only time element that does so for that document.
부울 속성(나중에 용어통일하기)으로, 지정할 경우 엘리먼트의 날짜와 시간정보는 문서의 발행일이 된다.
발행일의 범위는 해당 time 엘리먼트의 가장 가까운 부모 aritlcle 엘리먼트가 되며, 부모 article 엘리먼트가 없을 경우 문서 그 자체가 된다.
속성값이 true 일때(선언되었을때), time 엘리먼트는 발행일에 해당하는 시간정보를 갖고 있어야 한다. 또한 발행일을 나타내는 time엘리먼트는 해당 문서의 유일한 time엘리먼트이어야만 한다.
발행일을 나타낼 경우 time 엘리먼트가 유일해야 한다는 부분이 이해가 되지 않네요.. 저 '유일한'이라는 부분이 pubdate 속성을 갖는 time엘리먼트에 대한건지, 아니면 모든 time엘리먼트에 대한 내용인지 확인이 필요해 보입니다.
예제
Simple example
1. 간단한 예제
<p>The concert starts at <time>20:00</time>.</p>
<p>공연은 <time>20:00</time>에 시작합니다.</p>
출력: 공연은 20:00에 시작합니다
pubdate example
2. pubdate 예제
<article> <p>This article was created on <time pubdate>2011-01-28</time>.</p> </article>
<article> <p>이 문서는 <time pubdate>2011-01-28</time>에 만들어 졌습니다.</p> </article>
Above HTML will output:
<article>
This article was created on <time pubdate="true">2011-01-28</time>.
</article>
출력: 이 문서는 2011-01-28에 만들어 졌습니다.
datetime example
3. datetime 예제
<p>The concert took place on <time datetime="2001-05-15 19:00">May 15</time>.</p>
<p>공연은 <time datetime="2001-05-15 19:00">5월 15일</time>에 진행됩니다.</p>
Above HTML will output:
The concert took place on <time datetime="2001-05-15 19:00">May 15</time>.
출력: 공연은 5월 15일에 진행됩니다.
예제부분의 출력결과를 표시하는데 문제가 있습니다.. 원본에 있는것처럼 <time>태그가 노출되는것이 아니라 (지금으로서는) 아무런 시각적인 효과가 없기 때문에 일단 일반 텍스트로 넣어놓았습니다.. 입력툴 자체에서 소스편집 모드로 들어가서 <time>태그를 사용할 경우 <time></p> 내용<p></time>식으로 내용을 끊어 버리더군요.. 좋은 방법 있다면 의견 부탁드립니다.
DOM Interface
This element implements the HTMLTimeElement interface.
HTMLTimeElement 인터페이스를 구현합니다.
호환성
| 기능 | 구글크롬 | 파이어폭스Gecko) | 인터넷 익스플로러 | Opera | Safari |
|---|---|---|---|---|---|
| 기본적인 지원 | bug 629801 | 11.50 |
| 기능 | 안드로이드 | 파이어폭스 모바일(Gecko) | 인터넷 익스플로러 모바일 | 오페라 모바일 | 사파리 모바일 |
|---|---|---|---|---|---|
| 기본적인 지원 |
