Semantic Markup이란?

Semantic Markup

시맨틱(Semantic)이란 "의미론적인" 의 뜻을 가지며 마크업(Markup)이란 HTML 태그로 문서를 작성하는 것을 말한다. 따라서, 시맨틱 마크업이란 의미를 잘 전달하도록 문서를 작성하는 것을 말한다.

작성 방법

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

Semantic Markup의 장점

• SEO : 검색엔진이 시맨틱 태그를 중요한 키워드로 간주하므로 검색엔진 최적화에 유리하다.
• Accessibility : 웹 접근성 (스크린 리더 or 키보드 오버레이)
• Maintainability(유지 보수성) : 가독성 높은 코드로 유지 보수에 더 유리하다.