2011.09.26 09:47

7.2 HTML5 Semantic <time>

HTML5 2011.09.26 09:47

HTML5는 의미적인 접근이 중요하게 부각되고 있습니다. 그래서 의미를 표현하는 태그들이 다수 추가되었습니다. 그 중의 하나가 바로 <TIME> 태그 입니다.
 일반적으로 "2011-09-26" 이렇게 표기하면 사람 눈에는 이게 날짜로 보일지 몰라도 기계적으로 이해하는 것은 많은 어려움이 따를 뿐 아니라 잘 못 이해될 여지도 많습니다. 

 날짜 혹은 시간 타입이라는 것을 명시적으로 표현할 수 있게 해주는 것이 바로 <TIME> 태그 입니다.

내 <TIME datetime="2000-07-02">생일</TIME>에는 많은 축하를 받습니다.

위와 같이 생일에 <TIME>으로 날짜 값을 표현해서 걸어고 있는 것을 볼 수 있습니다.
또 다른 표현 방법을 보면

나는 아침 <TIME>07:00</TIME>에 수영하러 갑니다.

아침 시간인 07:00분이 시간으로 명확하게 인식할 수 있게 되었습니다.

김영욱 iwinkey@hotmail.com

현재 한국마이크로소프트에서 Evangelist로 근무하고 있으며 국내 유수의 대기업 프로젝트에 참여했던 경험과 Microsoft MVP로 다년간 활동했습니다.
올해는 컨슈머와 관련된 앱을 만드는 다양한 업체들을 발굴하고 지원하는 일을 맡고 있습니다.


HTML5 강좌 전체 목록

  1. HTML5 DocType의 정의
  2. HTML5 Header stuff
  3. Audio
  4. Video
  5. Canvas
    Canvas: Rectangle
    Canvas: Shadow
    Canvas: Path
    Canvas: Image
    Canvas: Text
  6. Web form 2.0
    Input Attr: Placeholder
    Input Attr: Autofocus
    Input Attr: Required field
    Input Attr: DataList
    Input Type: Search
    Input Type: Email, URL, Phone
    Input Type: Range
    Input Type: Number
    Input Type: Date
    Input Type: Color
  7. Towards Semantic Web
    Semantic <mark>
    Semantic <time>
    Semantic <meter>
    Semantic <progress>
    Semantic <section>
    Semantic <header>
    Semantic <footer>
    Semantic <nav>
    Semantic <article>
    Semantic <aside>
저작자 표시 변경 금지
신고