웹 표준(Web Standards)과 시멘틱 태그(Sementic Tag)

 

 

 

 

W3C(World Wide Web Consortium)

 

 

▶  웹 표준(Web Standards)

• W3C(World Wide Web Consortium)에서 정의한 웹 기술 규격
• HTML, CSS, JavaScript 등의 웹 기술에서 지켜야 할 규칙과 권장사항을 제공 
  • 웹 표준을 지키는 이유
    1. 웹 페이지가 모든 브라우저와 디바이스에서 일관된 방식으로 보여져 호환성을 보장한다. 일부 브라우저나 디바이스에서 웹 페이지가 제대로 표시되지 않는다면, 사용자 경험을 저해시키고 불편을 초래한다.
    2. 장애인, 고령자, 저시력자 등 정보취약계층의 사용자들의 접근성을 높인다. 스크린 리더를 이용하는 사용자는 웹 페이지의 구조와 내용을 정확히 파악하기 위해 웹 표준을 준수한 코드가 필요하다.
    3. 검색 엔진 최적화(SEO)를 향상시킨다. 웹 표준을 준수한 페이지를 더욱 잘 인식하고 높은 순위로 검색 결과에 노출시킨다.

 

 

 

 

 

 

시멘틱 태그(Semantic tag)

 

 

 

 

▶ 시멘틱 태그(Semantic tag)

• 의미론적인 태그
• 웹 페이지의 구조와 의미를 명확하게 나타내기 위한 태그
• <header>, <nav>, <article>, <section>, <footer> 등
• 기존의 div, span 태그와 같은 일반적인 태그와 달리, 특정한 의미를 가지고 있다.
  • 시멘틱 태그를 사용하는 이유
    1. 웹 페이지의 의미와 구조를 명확하게 전달할 수 있다. 이는 웹 페이지를 이용하는 사용자에게 더욱 좋은 사용자 경험을 제공한다.
    2. 검색 엔진 최적화(SEO)를 개선할 수 있습니다. 검색 엔진은 웹 페이지의 구조와 의미를 파악하여 검색 결과를 제공합니다.
    3. 코드의 가독성을 높이고 유지보수가 쉬워진다. 모든 태그들이 div로 되어있다면, 영역을 구분하고 파악하기가 어려울 것이다.