시맨틱 태그

시맨틱 태그는 태그 자체에 의미가 있는 태그를 말한다

<header>
    <nav></nav>
</header>
<section>
    <article></article>
</section>
<aside></aside>
<footer>
    <address></address>
</footer>

section : 콘텐츠를 주제별로 묶을때

article : 독립적인 콘텐츠 항목, 독립적으로 때어내서 배포하거나 재분배 하더라도 완전히 하나의 콘텐츠가 되는것

section :이 아티클 바깥에 갈수도 있고 안에 갈수도 있으며 하나만 쓸수도있고 둘다 같이 쓸수도 있다.

aside : 본문 이외의 내용표시 필수요소가 아니므로 광고나 링크모음등 문서 메인 내용에 영향을 미치지 않는 내용들을 넣을때 사용한다. 중요도가 떨어지는내용으로 보통 오른쪽에 배치하지만 하단에 배치시킬 수도 있다.