본문 바로가기
프론트엔드/HTML

[Html] 시멘틱 태그 semantic tag

by jinwanseo 2021. 2. 6.
728x90

Html 에서 Semantic tag란 ?

 

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

 

Header , Main, Footer 이라는 

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

대충 상상이 된다.

 

사용 용도↓

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

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

 

시멘틱 태그 목록↓

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

 

728x90

댓글