곰돌이 놀이터

[HTML] 웹표준이란? 본문

Front-End/HTML

[HTML] 웹표준이란?

달나라 곰돌이 2019. 3. 23. 01:38

내가 웹표준이라는 용어를 맨 처음으로 접해본것은 3년전 인턴생활을 하였을때, 같은 부서에서 속해있었던 퍼블리셔분을 통해서 였다.

그때는 업무 시간이 지난 6시 이후에는 회사에서 HTML, CSS, 자바스크립트, 자바, PHP 등 항상 다양한 언어를 공부하는 스터디를 진행하였는데 각각 분야별로 가장 경력이 많은 선배님들이 스터디를 주도 하였다. 그중 가장 처음으로 배웠던것이 웹표준이란 무엇인가 였던것으로 기억한다. 

 

그렇다면 웹표준이란 무엇일까?

 

 웹표준의 정의 

웹표준이란 말 그대로 '웹에서 표준적으로 사용되는 기술이나 규칙'을 의미하며, 웹 사이트에 접속한 사용자는 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동해야 함을 의미한다. 

 

 웹접근성 

W3C 의 정의에 따르면 웹표준은 접근성, 사생활 보호, 보안, 국제화의 측면에서 고려해야 한다고 한다. 특히, 이 중에 접근성을 흔히 '웹접근성'이라고 하며 웹표준과 함께 가장 많이 언급되는 개념인다.

웹접근성은 신체적 차이나 장애 여부와 상관없이 누구나 원할하게 웹페이지를 이용할 수 있어야 한다는것을 의미하는데 시각장애인의 경우 화면을 눈으로 볼 수 없기 때문에 '스크린 리더'라는 별도의 소프트웨어를 컴퓨터에 설치하여 음성으로 웹페이지에 담긴 정보를 이해한다. 하지만 스크린 리더는 스스로 웹페이지의 내용을 분석하지 못한다. 예를 들어 '메뉴'라는 텍스트 대신 메뉴라고 그려진 이미지를 사용할 경우 비 시각 장애인의 눈에는 메뉴라고 인식이 가능하지만 소프트웨어의 입장에서는 그저 이미지일 뿐이기 때문에 그 이미지 안의 내용을 시각 장애를 가진 사람에게 전달이 불가능하다. 따라서 되도록이면 이미지 대신 소스코드에 내용을 그대로 담는것이 권장되며, 부득이하게 이미지를 사용할 경우 반드시 이미지가 어떤 내용인지 아래와 같이 설명을 추가해야 한다.

<button>메뉴</button>

<img src="img/button.jpg" alt="메뉴 버튼" />

이처럼 우리는 장애가 있는 경우에도 웹페이지를 원할하게 이용할 수 있도록 지켜야 하는 사항을 웹접근성이라고 한다.

 

 웹표준을 지켜야 하는 이유 

만화로된 웹표준을 지켜야 하는 이유 : 클릭

 

 웹표준의 장점 

웹표준을 지킨다면 아래의 이점을 얻을 수 있다.

1) 소스의 통일화로 수정 및 운영관리가 용이하다.

2) 다양한 브라우저, 휴대폰 PDA, 장애인 지원용 프로그램에서도 대응이 가능하므로 접근성이 향상된다.

3) 검색봇을 통한 효율적 노출과 같은 검색엔진 최적화가 가능하다.

4) 효율적 소스를 통해 File Size 축소 및 서버 저장 공간을 절약할 수 있다.

5) CSS와 HTML 문서의 분리등을 통해 페이지 로딩속도 향상 과 같은 효율적인 마크업이 가능하다.

6) 다양한 브라우저에서의 호환이 가능하다.

 

 참고 

나무위키

웹발전연구소

'Front-End > HTML' 카테고리의 다른 글

[HTML] HTML이란?  (0) 2018.06.25
Comments