[🚀 Check Point]Semantic Web, Semantic Tags

non-semantic : div , span 자신의 내용 외에 아무것도 설명을 안해준다.
semantic: form, table, article 등 자신의 내용을 명확하게 설명 한다.

시맨틱 태그 안의 내용은 정확하진 않더라도 유추해 볼 수 있다.

레이아웃 구성시, 맨위의 섹션을 div로 구성 할 수 있지만 보통은 코드의 가독성을 위해서
header 태그로 구성한다.

레이아웃을 구성할 때, div를 남발하여 구성 할 경우, 레이아웃 수정이나 위치 변경 등 수정 작업이 까다로움을 경험 해봤다.

또한 검색엔진이 html파일을 분석할 때, 시맨틱 코드 단위로 분석을 하기 때문에 html은 정해진 시맨틱 코드 사용을 규정으로 하고 있다.

네비게이션은 nav , 제목은 h~ , 본문은 article과 section , 문단은 p태그를 사용해서 html을 구성하자 ~ ㅎ