WEB

시멘틱 마크업(semantic Markup)

orange_mj 2024. 2. 19. 20:45

 

시맨틱 마크업 (semantic Markup) 

semantic 는 의미의, 의미론적인, 이라는 뜻을 지니고 있습니다. 
즉, 의미를 잘 전달 할 수 있도록 HTML 태그 문서를 작성하는 것을 말합니다.

 

시멘틱 마크업을 사용하는 이유

웹 접근성에 효율적 

시각 장애가 있는 사용자가 화면 판독기로 페이지를 탐색할 때 의미론적 마크업을 푯말로 사용할 수 있기 때문입니다.

코드 가독성에 따른 유지 보수의 용이

단순한 div, span으로 둘러싸인 요소들보다 코드를 볼 때 가독성이 좋습니다.

검색엔진 최적화(SEO) 에 유리

검색 엔진은 의미론적 마크업을 페이지의 검색 랭킹에 영향을 줄 수 있는 중요한 키워드로 간주하기 때문입니다.
검색 엔진에 최적화시킨다는 것은 곧 웹 표준에 맞춘다는 말과 같습니다.

 

시멘틱 마크업의 종류

https://developer.mozilla.org/en-US/docs/Web/HTML/Element