2011.09.22 09:55

1990년 팀 버네스 리의 의해서 태어난 월드 와이드 웹을 우리는 사랑하고 있습니다. 물론 그가 인터넷을 만들어 낸 것은 아니지만 HTML과 HTTP 프로토콜에 크게 기여를 한 것은 사실입니다.
 그때 당시는 하이퍼링크로 연결된 웹 세상을 만들어 내는 것이 중요한 이슈였다면 지금은 의미가 부여된 의미 있는 웹 문서를 만드는 것에 많은 사람들이 관심을 기울이고 있습니다. HTML5에서는 새로운 레벨의 태그를 통해서 의미를 전달하려고 하고 있습니다.

새로운 레벨의 의미를 전달하기 위한 태그들로 아래와 같은 요소들이 추가 되었습니다. 아래 태그들은 글 안에서 새로운 의미를 부여할 수 있습니다.

  • <MARK>
  • <TIME>
  • <METER>
  • <PROGRESS>

문서의 구조 안에서 새로운 의미를 부여하기 위한 태그들도 함께 추가 되었습니다.

  • <SECTION>
  • <HEADER>
  • <FOOTER>
  • <NAV>
  • <ARTICLE>
  • <ASIDE>

앞으로 관련된 태그들을 하나씩 살펴 보도록 하겠습니다.

 

김영욱 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>
저작자 표시 변경 금지
신고


티스토리 툴바