Semetic tag란?

A semantic element clearly describes its meaning to both the browser and the developer.
Examples of non-semantic elements: div and span - Tells nothing about its content.
Examples of semantic elements: form, table, and article - Clearly defines its content.
출처 : HTML Semantic Elements

Sematic 엘리먼트는 브라우저와 개발자에게 확실하게 의미를 전달하기 위해 사용된다.
HTML5에 도입되었으며, 대표적으로 header, footer, main, nav, section, article 등이 있다.

sematic tag를 사용하면 태그만 보고 대략적으로 들어갈 내용을 유추할 수 있다는 장점이 있다.

div만 사용하지 말고, 다양한 tag를 사용하여 깔끔하게 나타내보자!