Semantic Markup

Semantic + Markup = "의미론적인" + HTML 태그로 문서를 작성하는 것

즉, 의미를 잘 전달하도록 문서를 작성하는 것.

 

특징

• 검색엔진이 시멘틱 태그를 중요 키워드로 간주해 검색엔진 최적화(SEO)에 유리하다.
• 웹 접근성 측면에서, 장애가 있는 사용자로 하여금 의미를 훨씬 잘 파악할 수 있다.
• 코드의 가독성이 좋아진다.

 

작성 방법

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