header · main · article
영역의 역할을 나타내는 의미 있는 HTML 요소입니다.
기본 문법
<header>…</header> <main><article>…</article></main>작은 예제 html
<header>로그위프트</header>
<main>
<article>
<h1>첫 번째 기록</h1>
<p>오늘 배운 내용을 정리합니다.</p>
</article>
</main>화면에서 확인할 것
사이트 이름과 기록의 제목·본문이 표시됩니다.
헷갈리기 쉬운 점
- 시맨틱 요소는 레이아웃 모양을 자동으로 완성하는 장식이 아닙니다. 모양은 CSS로 정합니다.
- 본문의 주요 내용을 main에 두고 제목 순서를 내용의 계층에 맞추세요.