[Html] Semantic 태그

# 시멘틱 태그

- 의미가 있는 태그

- 개발자가 html 문서의 구조 등을 쉽게 파악 가능하도록 돕는다.

- 음성낭독기 기능이 존재한다.

 

일반 태그에서 속성을 조정하여 시각적으로 똑같이 구현할 수 있으나
개발자의 가독성을 높이고 시각장애인이 음성낭독기를 통해서 정보를 얻을 수 있으므로 습관을 들이는 것이 좋다.

 

 

주요 태그

- 웹사이트(html)는 실제로 header, section, footer의 영역으로 구성되어있다.

- div에서 따로 매번 id를 잡지 않고 태그만으로 좀 더 빠르고 간결하게 html문서를 관리하기위한 목적으로 사용된다.

태그	의미
header	머리말을 나타내는 태그
hgroup	제목과 부제목을 묶는 태그
nav	메뉴 부분을 나타내는 태그
main	컨텐츠를 포함하는 태그
section	제목별로 나눌 수 있는 태그
article	개별 콘텐츠를 나타내는 태그
aside	왼쪽 또는 오른쪽에 위치하는 사이드 바를 나타내는 태그
footer	하단의 정보를 표시하는 태그