우리들의 이야기
"기기나 브라우저의 종류에 상관없이 인터넷을 즐기자"
등록일2013.02.05
웹 표준의 등장배경
웹 표준을 보다 잘 이해하기 위해서는 브라우저 종류에 대해서 생각해 볼 필요가 있다. 과거에는 넷스케이프라는 브라우저가 있었고 윈도우 사용자들은 기본적으로 포함되어 있는 인터넷 익스플로러4.0를 사용하는 경우도 있었지만 넷스케이프를 다운 받아서 설치하는 경우도 있었다. 브라우저 제작사들은 시장 점유율을 높이려 서로 경쟁을 하였는데 이 경쟁에서 넷스케이프는 패하게 되고, 사용자들은 운영체제에 브라우져가 기본적으로 들어 있는 인터넷 익스플로러를 자연스럽게 사용하였으며 마이크로 소프트의 인터넷 익스플로러가 브라우저 시장을 장악하였다.
이후 인터넷 익스플로러, 파이어폭스, 오페라, 사파리, 크롬 등 다양한 브라우저의 사용자들이 늘어 남에 따라 특정 브라우저에서만 작동되는 비표준화된 기술은 브라우저 마다 달리 보이는 현상을 낳았는데 이는 사용자의 환경을 고려하지 않았다 라는 문제점을 가져왔다. 사실 웹을 볼 수 있는 사용자 환경은 다양하다. 사용자들은 인터넷 익스플로러, 파이어폭스, 오페라, 사파리, 크롬, 링스 등 다양한 브라우져를 사용한다. 비장애인, 청각장애인, 시각장애인도 웹을 사용한다. 이용하는 하드웨어도 사용자마다 다르다.
이러한 문제점을 해결하기 위해 대표적인 웹 표준화 기구인 W3C에서는 각 구현 방법에 대해 표준안을 만들고 이것의 사용을 권고 하고 있는 것이다. W3C는 아키텍처(Architerture), 상호작용(Interaction), 기술과 사회 도메인(Technology and Society), 유비쿼터스 웹(Ubiquitous Web), 웹접근성 이니셔티브(Web Axxessibility Initiative), 품질보증(Quality Assurance) 등 6개 도메인을 중심으로 웹 표준화 활동을 수행하고 있다.
웹 표준의 정의
웹 표준이란 여러가지 말로 정의할 수 있지만 간단하게 정의하자면 사용자가 어떠한 브라우저로 웹사이트에 접속하더라도 동일한 결과를 볼 수 있도록 하는것 이라고 할 수 있다. 특정 브라우저에서만 사용하는 비표준화된 기술은 배제하고 W3C에서 권고한 표준 기술을 사용하며, 웹사이트의 구조(HTML)와 표현(CSS) 그리고 동작(javascript)을 구분해서 사용하는 것을 말한다.
크로스브라우징은 사용하는 기기나 브라우저의 종류에 상관없이 입력과 사용에 문제가 생기지 않고 웹사이트의 레이아웃 위치나 모양이 동일하게 보여지는 것을 의미하는 단어이다. 즉, PC플랫폼에서 동일한 화면구성으로 모바일 플랫폼 서비스를 이용하는 것을 의미한다. 웹 표준을 지켰다고 해서 크로스 브라우징이 되는 것은 아니다.
결론을 내리자면 웹 표준 적용은 W3C의 표준 권고 사양의 준수, 웹 접근성 고려, 크로스브라우징 고려, 구조 ⁄ 표현 ⁄ 동작의 분리까지 했을때 웹 표준을 제대로 적용하였다고 할 수 있을 것이다. 웹 표준은 웹 접근성을 높이기 위한 근본적이며, 효과적인 방법이다.
웹 표준의 장점
웹 표준을 준수하면 웹 접근성 향상과 수정과 관리가 용이하며 시간과 비용을 절감 할 수 있는 등 다양한 장점이 있다. 그 중 대표적인 몇가지를 아래와 같이 설명하였다.
- 1) 파일 사이즈 축소와 서버 저장 공간 절약
- 코드량이 줄어드는 것은 페이지 로딩 시간이 빠라짐을 의미하고 서버의 성능을 효율적으로 관리하고 처리능력을 극대화하여 비용을 절감할 수 있다.
- 2) 수정과 관리가 용이
- 웹 표준에 준하여 코딩을 하면 xhtml로 콘텐츠를 올바르게 구조화하고 css를 통해 시각 표현을 동일하게 제어하게 된다. 문서구조(html), 디자인요소(CSS)의 분리로 유지보수가 편리하고 디자인을 손쉽게 수정할 수 있다.
- 3) 웹 접근성 향상
- 보다 넓은 범위의 사람들(장애인), 보다 많은 사람들, 보다 많은 기기로부터 웹 접근이 가능하다. 대부분의 웹브라우저, 휴대폰, PDA, 장애인지원용 소프트웨어등 여러개의 단말기에 적용된다.
- 4) 상호호환성 (Cross Browsing)
- 오래된 브라우저 사용자들의 불편함을 고려하고 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우치지 않도록 공통요소를 사용하여 웹을 제작하게 된다.
- 5) 검색엔진의 최적화
- 검색엔진을 다른말로 SEO라고 부르는데 웹표준으로 제작된 사이트에서는 SEO검색에 최적화 되었기 때문에 검색속도의 향상을 이룰수 있다.
웹 표준 권고안에 따른 웹사이트 개발 방법론
웹 표준 사이트를 제작하기 위해서 여러가지 사항을 고려해야 하는데 그 중 몇가지인 아래와 같은 사항을 참고하면 시간과 비용을 절감 할 수 있다.
- 1) 웹 표준 언어 준수
- HTML 표준은 4.01 이상 이지만 HTML을 XML과 결합한 XHTML이 권고안으로 나와 있다. 최신 XHTML 표준은
font, b, i 같은 표현 요소들을 배제하고, 태그를 모두 닫도록 권고하는 등 정확한 문서 규격을 요구하고 있다. - 2) 문서구조(html), 디자인요소(CSS), 동작(Javascript)의 분리
- HTML(Hypertext Markup Language)는 웹페이지를 표시하는데 기본 언어로서 사용된다. 웹 컨텐츠의 내용은 표준 HTML 포맷으로 적용해야 한다. CSS(Cascading Style Sheets)는 디자인 속성, 즉 글꼴, 크기, 색상, 이벤트 등을 지정할 수 있고 CSS를 사용하여 생성한 페이지와 템플리트는 다양한 브라우저, 화면 해상도 및 액세스 기술을 사용하여 테스트를 하여야 하며, 최신 시스템 사용자가 아니더라도 적합한 접근이 보장되어야 한다. 동작(Javascript)은 동적이고 상호대화적인 사이트를 만드는 기능을 한다.
- 3) 웹 표준 검사
- HTML과 XHTML, CSS, DOM, JAVASCRIPT가 표준 문법을 사용했는지 확인하여야 한다. 자동화된 접근성 검사 도구와 브라우저 유효성 검사 도구를 사용한다. 한국어 번역이 제공되는 브라우저 유효성 검사를 이용하면 유효성 에러에 대한 설명과 해결을 한국어로 볼수 있다. 이 외에도 CSS 유효성 검사와 XML에 대한 유효성검사를 확인할 수 있다.
- 4) 효율적인 웹개발
- HTML에 표현과 내용을 분리하면 기획자와 디자이너, 개발자가 같은 시간내에 같은 일을 하는 것이 가능해진다.