html5 시멘틱 태그 설명

1. <header></header>
한페이지 내 여러개를 사용할 수 있다.

 

2. <main></main>
한페이지 내 딱 한번 사용할 수 있다.

 

3. <footer></footer>
한페이지 내 여러개를 사용할 수 있다.

 

4. <section></section>
"한가지 주제로 묶는다." 라는 의미
따라서 section은 자신만의 header footer를 가질 수 있다.

 

5. <acticle></acticle>
계속 발행되는 부분 배포 목적으로 section태그와 구분 됨.
acticle은 자신만의 header footer를 가질 수 있다.

 

6. <aside></aside>
주 내용과 분리된 부가적인 정보나 인용, 광고등의 내용을 담습니다.

 

7. <nav></nav>
주요 네비게이션을 그룹핑.

 

8. html문서의 의미구조를 보여주는 툴

https://gsnedders.html5.org/outliner/