2011.09.27 12:30

<HEADER>는 해당 문서의 머릿글을 표시하기 위해서 사용합니다. 위의 글처럼 메인 타이틀이 되는 부분들을 여기에서 활용합니다. 사용할 때에는 제목과 같은 정보만 사용하는게 아니라 간단한 설명을 함께 넣는 것이 좋습니다.

<article>
<header>
  <h1>Military Offers Assurances to Egypt and Neighbors</h1>
  Published : <time datetime="2011-02-13" pubdate>February 13 2011</time>)
</header>
<p>
CAIRO - As a new era dawned in Egypt on Saturday,
the army leadership sought to reassure Egyptians and
the world that it would shepherd a transition to civilian
rule and honor international commitments like the peace treaty with Israel.
</p>
</article>


하지만 <HEADER>는 문서 전체의 머릿글로도 활용할 수 있지만 각 섹션이나 아티클에도 사용할 수 있다고 합니다. 어떻게 사용하고 활용해야 하는지 아직 마땅한 권장 사항은 없기 때문에 가급적 혼란을 피하기 위해서 문서 전체의 머릿글로 활용하는 것이 좋지 않을까 하는 생각입니다.

<section>
  <header>
    <h1>Application</h1>
    <h2>Paid iphone apps</h2>
    </hgroup>
  </header>

  <ul>
    <li>Education</li>
    <li>Entertainment</li>
    <li>Family</li>
    <li>Games</li>
    <li>News and Weather</li>
  </ul>
</section>


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