HTML5 시멘틱 태그와 웹 표준을 지키는 이유

 

' 시맨틱(semantic) '  -  의미의, 의미론적인

시맨틱 태그란 의미를 가진 html 태그란 뜻이다. <div>, <span> 같은 태그보단 <article>, <select>와 같은 특정 의미를 지닌 태그를 뜻한다.

 

 

' 웹 표준 ' - 웹 표준은 월드 와이드 웹(W3C)의 측면을 서술하고 정의하는 공식 표준이나 다른 기술 규격을 가리키는 일반적인 용어

 

 

 

HTML5 시멘틱 태그와 웹 표준을 지키는 이유

1.  HTML 문서의 가독성과 유지보수  
   
   • <header>, <nav>, <main>, <article>, <section>, <aside>, <footer> ... 등의 태그만 보더라도 어떤 내용을 담고 있는지 알 수 있으므로 문서의 가독성과 유지보수가 용이해진다.
2.  SEO
   • 시맨틱 태그를 사용하면 검색 엔진은 콘텐츠의 의미를 더 잘 이해할 수 있는데, 이는 웹 페이지가 더 높은 순위로 나타날 수 있도록 도와준다.
3.  웹 접근성 - ' 스크린 리더 ' 
   
   • 음성으로 웹페이지를 읽을 수 있다.
4.  크로스 플랫폼 호환성
   • 웹 표준을 준수하면 다양한 브라우저와 기기에서 일관된 방식으로 웹 페이지가 표시될 수 있다.

 

 

시맨틱 태그를 사용하고 웹 표준을 치킴으로써 개발자들은 유지보수가 용이해지고 더 효율적이고 접근성 높은 웹 사이트를 만들 수 있고 사용자는 신체적, 환경적 제약 없이 다양한 디바이스와 환경에서 일관된 경험을 얻을 수 있다.