HTML5의 Semantic Tag

1. Semantic Tag란?

- HTML4에서는 <div>를 통해 화면을 구성

- HTML5에서는 "의미있는 태그"를 만들어 사용함

- 웹페이지 가독성을 높이고, 웹페이지 자체를 거대한 DB처럼 사용하기 위함

- 태그 이름만 다르고, 기능적인 차이는 없음

 

 

 

2. 암묵적 규칙

- 지키지 않아도 Error가 나지는 않지만, 권장되는 규칙

semantic tag	설명
header	헤더(문서의 머리 부분)을 의미
nav	문서 간의 이동을 담당하는 navbar를 의미
aside	본문 이외의 내용을 의미
section	본문의 여러 내용(article)을 포함하는 태그
article	본문의 주 내용을 의미
footer	문서의 밑 부분인 제작정보, 저작권 등을 표시