{HTML} 시맨틱 마크업을 사용해야하는 이유

Semantic이란 "의미론적인" 이라는 뜻 즉 시맨틱 마크업이란 의미를 더욱 잘 전달하기 위한 문서작성

시맨틱 마크업 특징

1. 검색 엔진 최적화(SEO)
2. 접근성 및 가독성
3. 유지보수 수월

시맨틱 HTML은 주어진 목적을 위해 요소를 사용하기 때문에 사람과 기계가 읽고 이해하기가 더 쉽다.

작성법

시맨틱 마크업을 하기 위해선 각 태그를 용도에 맞게 사용해야 합니다. 즉, 아래와 같은 것들을 말합니다.

헤더/푸터에 <header> 와 <footer> 사용
메인 컨텐츠에 <main> 과 <section> 사용
독립적인 컨텐츠에 <article> 사용
최상위 제목으로 <h1> 사용
순서가 없는 목록으로 <ul>과 <li> 사용
내비게이션 <nav> 사용