HTML_semantic 태그

시맨틱 태그(semantic)란?

-semantic : 의미론적인

시멘틱 태그란 의미가 있는 태그를 말한다. div 나 span 태그와 달리 꾸밈없이 그 자체에 의미가 담긴 태그이다.

 

그렇다면 왜 사용할까?

 

시맨틱 태그의 장점

- 검색엔진 최적화
- 스크린 리더를 사용하여 페이지를 탐색할때 도움이됨
- div>div>div>div>div>div>div> .... 끝없는 div를 탐색하는 것보다 효율적이다.
- 개발자에게 명확한 의미를 전달

 

 

시멘틱 태그의 종류

 

●hearder
-페이지의 제목과 같은 소개 내용을 포함
-hearding 태그나 로고,검색양식,작성자 이름등을 포함
●nav
메뉴. 목차등에 사용
●main
지배적인 컨텐츠 영역을 나타내는 태그
●section
- 구체적인 시맨틱 태그가 없는 문서의 독립적인 영역을 나타냄
- 섹션에는 항상 제목이 있는 것이 일반적
●article
- 자체로 의미가 있는 웹페이지 부분이며, 독립적으로 배포 또는 재사용 되도록 의도된 문서
- 게시물,잡지,블로그,또는 신문기사
●footer

-작성자에 대한 정보,저작권 데이터 또는 관련 문서에 대한 링크,카피라이트 등을 포함
●aside
- 간접적으로 문서와 관련된 내용
- 사이드바