zero-base/ HTML5 시맨틱 태그와 웹 표준을 지키는 이유

웹 표준이란?

월드 와이드 웹의 콘텐츠에 대한 규약이나 규칙으로, 웹 페이지를 만들 때 지켜야 하는 규칙

웹표준은 W3C에서 제정하고 html, css, javascript와 같은 웹에서 사용되는 기술의 표준을 제시한다.

웹 표준을 준수한다는 것은 올바른 html, css, javascript를 페이지가 가지고 있다는 것을 의미

 

웹 표준를 지키면 얻을 수 있는 효과

1. 웹 페이지의 접근성을 개선한다.

• 다양한 브라우저에서 동일한 콘텐츠를 보여줄 수 있음
• 고령자, 장애인을 포함한 다양한 사용자층이 웹페이지를 탐색하기 용이함

2. 개발자 측면에서 유지보수가 용이하다.

3. SEO에 도움을 준다.

 

 

HTML 시맨틱 태그란?

html 문서의 구조와 의미를 구체적으로 설명하기 위해 HTML5에서 추가된 태그

대표적인 시맨틱 태그의 종류로는 header, footer, nav, article, section, main, aside, figure가 있다.

 

그렇다면 시맨틱 태그를 왜 사용해야할까?

1. 검색 엔진 최적화(SEO)에 도움을 준다.

2. 시맨틱 태그를 사용하면 웹 페이지가 의미있는 구조를 가지게 되어 웹 접근성이 개선된다.

3. 코드의 가독성이 올라가서 개발자들이 쉽게 코드를 이해할 수 있고 유지보수 시 용이하다.

 

 

참고하면 좋은 사이트

https://seulbinim.github.io/WSA/accessibility.html

웹접근성(Web Accessibility) | 웹접근성과 웹표준

https://www.w3.org/WAI/

Home