Semantic tag

의미별로 정리할 수 있게 만들어주는 태그들.

형태를 구축해서 만들어주는 태그

 

div와의 차이점:

- semantic tag는 브라우저나 유저의 검색을 했을때 유저들이나 사용자들이 더 잘 구별할 수 있게, 내용을 찾을수 있도록 도와줌.

- 공통적으로 규칙을 정한 것.

- 개발자 도구등을 통해서 의미들을 인식할 수 있는 경우가 많음.

 

Semantic tag의 구조

header - 머리말, 헤더

nav - 메뉴를 묶거나 메뉴를 담을때 사용

section - 내용물 / 단락나눔, 주제별 사용 - 제목태그와 단락을 나누어 표현하는 경우가 많음

article - 기사라는 뜻 / 세부적인 단락 나눔 / 웹상의 내용을 작성

aside - 링크, 광고, 사이드 배치

footer - 웹하단 저작권,연락처 웹사이트의 세부정보