Wikipidia 위키디피아

e-Supporter

  • FAQ
  • Q&A
  • Contact us
  • 전화상담: 1544-5780 / 평일 : 오전9시 ~오후6시 /  info@eznetsol.co.kr/

위키디피아

  • 웹표준이란?
  • 웹표준이란?
  • 웹표준이란?
  • 웹표준이란?
  • 웹표준이란?
  • 홈페이지내에서 발급 받을 수 있습니다.
  • 가격/업종/유형별 제작에서 운영까지 예상비용 알아보기
  • 실시간 상담, 로그분석, 부정클릭 차단

웹표준이란?

  • Home 위키디피아 >
  • 웹표준이란?

본문

웹표준의 장점 - 웹표준의 정의 및 기술, 장점등을 설명합니다.

웹표준이란?

"웹은 모든 사람들이 손쉽게 정보를 공유할 수 있는 공간이며 어떤 장애도 없이 이를 이용할 수 있어야 한다."
'국제표준규약으로써 단체들이 수집, 정리를 통해 책정된 사용 언어이다.'
대표적인 단체로 W3C(World Wide Wed Consor-tium)를 들 수 있으며, 이를 중심으로 ISO, IETF, IANA, ECMA, OASIS등이
웹 표준 기술에 관여하고 있다.

1. 국제 표준화 기구(ISO)가 출판한 표준들
2. Ecma 인터내셔널 (이전 이름은 ECMA)이 출판한 표준들
3. 유니코드 컨소시엄이 출판한 유니코드 표준과 다양한 유니코드 기술 보고서 (UTR)
4. 인터넷 할당 번호 기관 (IANA)이 운영하는 이름과 번호 레지스트리

CSS(표현의 자유: 박스모델, 레이아웃 구성 모델, 비주얼 스타일 모델) + XHTML(구조화된 설계 : 요소, 아이디, 클래스 -> 선택자) + Script(동작의 자유)=> 크로스 브라우징, 크로스 플래폼, 접근성

웹 표준을 준수한다는 것은 일반적으로 올바른 HTML, CSS, DOM(자바스크립트)를 사이트나 페이지가 가지고 있다는 것을 뜻한다.
HTML은 접근성과 시멘틱 HTML의 가이드라인을 충족해야 한다.

1. 크로스 브라우징
2. 크로스 플랫폼
3. 접근성의 향상

웹표준 기술

  • 구조화된 마크업
  • 선형화된 *CSS제거시* 문서에서도 그 내용을 파악
  • 데이터(HTML)와 표현(디자인==CSS)의 분리

HTML은 데이터를 담당 문서의 구조(틀)을 잡는 목적으로 설계한다.
여기서 CSS는 디자인을 담당 그룹화된 문서를 작성함으로써 유지보수신속성편리성도모할 수 있게 되었다.
이를 통해 기존의 테이블 코딩에서는 볼 수 없었던 페이지의 일괄 수정 텍스트의 색상 및 크기 변경등 시간과 비용적 절약할 수 있게 되었다.

웹표준 최적화 (검색엔진)

웹표준 준수 시멘틱한 마크업(로봇이 이해 할 수 있는 언어 구조)을 함으로써 선형화된 문서 제작이 가능하게 되었으며, 또한 컴퓨터가 이해 할 수 있는 범위 내에 언어코드를 작성함으로써 로봇(검색엔진)이 이를 효율적으로 끌어갈 수 있게 되었습니다.
포털(네이버, 다음, 구글, 야후, 파란등의 포털) 사이트에 노출 빈도가 높아지며 이를 통한 직,간접적 방문자수 증가라는 효과를 기대할 수 있습니다.
또한, 웹표준 기술을 사용함으로써 신속성, 재활용성, 편리성, 다양성, 접근성등이 효율이 증대하는 효과를 기대할 수 있다.

웹표준 기술 그 이점

  • 크로스 브라우저 구현 ( IE 6.0~8.0, FF, Safari, Opera, chrome등 ) 함으로써 호환성을 증대 시킨다.
    크로스 브라우저란 브라우저별로 각 특성 및 지원하는 환경이 달라 페이지가 깨지는 현상이 일어날 수 있다.
    하지만, 이를 통합 시켜 나온 기술이 웹표준이다.
    이 웹표준 문법을 지켰을시 거의 모든 브라우저에서 거의 동일한 디자인과 정보를 제공할 수 있다.

OS(운영체제)점유율 윈도우:71%, 맥:17%, 리눅스:0.5%, 아이폰: 11%, 기타:0.5% / 브라우저 점유율 IE6~8: 81%, 파이어폭스: 8%, 사파리: 9%, 오페라: 1%, 크롬: 1%

위 그림은 브라우저별 점유율을 나타내는데 우리나라에서는 인터넷 익스플로러 외에 브라우저에 대해 관심도 적을 뿐더러 점유율이 낮기 때문에 신경 쓰지 않는 경향이 있습니다. 그러나 인터넷 익스플로러는 타 브라우저에 비해 표준에 위배되는 부분을 많이 안고 있습니다.
점유율이 높다고 다른부분을 신경쓰지 않게 되면 접근성을 무시 하는게 되어버리기 때문에 이 부분을 감안해서 작업시에 작업물을 여러 브라우저에서 확인하는 절차가 필요합니다.
위 와 같은 여러 브라우저에서 접근이 가능하도록 하는 작업이 Cross Browsing 기술입니다.
Cross Browsing 기술이란 표준 웹기술을 이용하여 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우지지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법을 말합니다.

CSS 레이아웃의 효과

CSS( Cascading Style Sheets )란 웹 문서의 전반적인 스타일을 미리 저장해 둔 스타일시트를 말합니다.
문서 전체의 일관성을 유지할 수 있고, 세세한 스타일 지정의 필요를 줄어들게 합니다.
CSS를 효율적으로 활용할 시 웹 개발자, 디자이너들은 보다 풍부한 디자인으로 웹을 설계할 수 있고, 글자의 크기, 글자체, 줄간격, 배경 색상, 배열위치 등을 자유롭게 선택하거나 변경할 수 있으며 유지·보수간편하게 할 수 있습니다.

CSS를 통한 데이터와 디자인의 분리, 그로 인한 HTML 문서의 데이터로써의 가치, 유지보수의 편리성, 다양한 OS와 브라우저에서 이용가능, 웹검색엔진에 대한 효율성 증가, 특수한 환경에서도 높아진 접근성 등을 들 수 있습니다.

* CSS 레이아웃을 이용한 효과를 간략히 설명하면 아래와 같습니다.

  • 웹사이트 제작속도가 빨라졌다.
  • 코딩의 양(속도) 줄어들었다.
  • 코드의 재활용성이 높아졌다.
  • 유지보수가 더욱 편리해졌다.
  • 테이블로는 불가능한 레이아웃이 가능해졌다.
  • 프로그램과 디자인의 분리가 과거보다 극대화 되었다.
  • 익스 외의 브라우저에서도 같은 모습을 보여준다.
  • 웹접근성이 높아졌다.
  • 웹 접근성을 높이니 웹 검색엔진에 노출될 가능성이 높아졌다.
  • 상당히 구조적으로 개발된다.
  • 주먹구구식 웹사이트 개발에서 벗어나 체계적으로 변했다.
  • 웹사이트를 개발 할수록 기술이 축적된다.
  • 제작관련 상담하기

퀵 배너

Quick Menu

  • 고객센터
  • FAQ
  • 입금안내
  • 세금계산서 신청
  • 기업홈페이지 제작노하우
  • 온라인상담
  • 온라인견적
  • 맨위로