[웹 표준] #1 웹 표준이란? 이유와 장점

1. 웹 표준이란?

웹 표준은 여러 국제 표준 기구(IETF, W3C, ISO 등)가 정한 규칙.
우리는 규칙에 따라 웹 사이트를 구성하는 HTML, CSS, JavaScript 등의 언어들을 작성해야합니다.
이를 준수할 시 사용자 누구나 어떤 브라우저나 기기를 사용하더라도 홈페이지 화면을 동일하게 볼 수 있습니다.

2. 웹 표준의 장점

그렇다면 뭘 위해 규칙을 지켜야할까? 🤔
웹 표준의 장점을 알아봅시다. 👀

2.1 웹 페이지의 호환성

⚡️ 모든 브라우저에서 일관적으로 표시됩니다.

어떤 브라우저, 어떤 기기를 사용하더라도 동일한 사용자 경험을 얻을 수 있습니다.
즉 오래된 브라우저나 아이폰, 갤럭시 등등 어떤 환경에서도 같은 모양의 버튼을 볼 수 있음을 얘기하는 것이지요!
기획자, 디자이너, 개발자가 의도한대로 컨텐츠를 적절히 표시할 수 있습니다.

👉 웹 페이지의 호환성 바로가기

2.2 검색 엔진 최적화 (SEO)

⚡️ 검색 시 내 웹사이트가 위에 노출됩니다.

웹 표준을 준수하면, 검색 엔진에서 웹 페이지를 더욱 잘 인식할 수 있습니다.
검색 엔진은 웹을 크롤링작업을 통해 콘텐츠의 색인을 생성합니다. 검색 결과에 보이는 것은 바로 그 콘텐츠 색인입니다.

해당 규칙을 밀접하게 따라가면 웹사이트가 검색 결과의 보다 높은 곳에 노출돼 (전자상거래와 광고라면) 수익으로 연결될 수도 있습니다.

👉 검색 엔진 최적화 (SEO) 바로가기

2.3 유지보수 및 확장성

⚡️ 시간과 비용을 줄일 수 있어 유지보수 및 확장성이 좋아집니다.

<header>, <footer> 등 의미를 담은 태그를 "시맨틱태그"라고 합니다.
이를 적절히 사용하면, 가독성이 높아져 문서의 구조를 쉽게 파악할 수 있습니다.

또 논리적이고 효율적으로 작성된 웹 문서는 코드의 양이 줄어 파일 크기가 줄고 서버 부담이 적어집니다.

👉 시맨틱태그 바로가기

2.4 웹 접근성 향상

⚡️ 모든 사용자가 쉽게 웹 페이지에 접근할 수 있다.

다양한 브라우저, 휴대폰 PDA, 장애인 지원용 프로그램에서도 대응이 가능하므로 접근성이 향상되고 스크린리더기 등 보조공학 기기 사용자들이 조금 더 정확한 정보를 얻을 수 있도록 도움을 준다.

👉 웹 접근성 향상 바로가기

자! 웹 표준을 지켜야하는 이유를 알아봤으니 방법을 알아봅시다.
2탄 바로가기