[Html] 시멘틱 태그 semantic tag

Html 에서 Semantic tag란 ?

 

태그의 이름 자체에 의미가 담겨있는 태그를 뜻한다.

 

Header , Main, Footer 이라는 

이름의 태그를 보면 어떤 용도의 태그인지

대충 상상이 된다.

 

사용 용도↓

규모가 되는 홈페이지의 Html 소스를 보면,

시멘틱 태그만으로 해당 구조를 파악하기 위해서 사용한다.

 

시멘틱 태그 목록↓

태그 이름	사용 용도
header	Html 텍스트 상단 부를 의미
main	Main 섹션 의미
footer	Html 텍스트 하단 부를 의미
section	문서의 섹션을 구분 (서로 관계 있는 문서 분리)
nav	내부 링크 리스트가 있는 경우 사용
article	하나의 컨텐츠를 구분짓기 위해 사용 (예 : 뉴스기사, 블로그 글, 포럼 글)
aside	위 모든 섹션에 해당 되지 않는 경우