배너 닫기

동영정보

표준 홈페이지

웹표준(web standards)


표준화 단체 W3C(World Wide Consortium)가 권고한 표준안에 따라 용도에 맞는
마크업(구조) 사용과 CSS(표현)를 분리하여 웹을 구현하는 것을 웹 표준 작업이라 할 수
있습니다.


현재 사용자들은 IE뿐만 아니라 크롬, 파이어폭스, 오페라, 사파리 등 다양한 브라우저를
사용함에 따라 비표준 방식의 제작 형태로는 원활한 접근이 어려워졌습니다.


특히 모바일 기기 사용의 증가로 인해 표준을 지키지 않으면 손해를 보는 상황이 됩니다.
다양한 환경에서 내 홈페이지가 제대로 보일 수 있도록 하기 위해 웹 표준을 지켜
홈페이지를 제작해야 하겠습니다.

  웹표준의 장점
수정과 운영관리 용이
콘텐츠의 올바른 구조화, CSS로 시작 표현을 통일하여 제어하게 되어 페이지 제작의 부담이 감소됩니다.
웹 접근성 향상
다양한 브라우징 환경에 대응이 가능, 핸디캡을 가진 사용자(시각장애인)들을 배려할 수 있습니다.
검색엔진 최적화
검색엔진의 크롤러(Craweler)는 웹페이지 소스를 있는 그대로 해석하므로 구조화된 웹페이지는 검색 로봇이 잘 검색할 수 있으며 그만큼 비지니스 기회가 많아집니다.
file size 축소, 서버 공간 절약
소스의 효율적 작성은 파일 사이즈와 서버 공간을 절약할 수 있으며, 동시에 화면 표시에 소요되는 시간을 줄일 수 있습니다.
스마트폰, 태블릿PC 등의 장치 호환
별도의 모바일 홈페이지를 제작하지 않아도 모바일에서 깨지지 않는 홈페이지의 형태 그대로 보입니다.
  구조언어와 표현언어
구조언어
HTML : 가장 잘 알려진 마크업 언어, Stict, Transitional, Frameset DTD 세 가지 문서형
XHTML 1.0 : HTML을 XML로 재구축한 마크업 언어, HTML처럼 Strict, Transitional, Frameset DTD 세가지 문서형
XHTML 1.1 : 모듈화된 XHTML 1.0의 Strict 만 인정
XML 1.0 : 기반 언어이며 기반기술에 Namespaces, Base, Events, Inforset, XIncludes가 있고, 확장 기술에 Schema, XQuery Xpath, XLink, XForm, XSL 등이 있다.
XML 작성 애플리케이션으로 마크업 언어 ‘XHTML’과 수식 기술언어 MathML, 그래픽 언어 SVG 멀티미디어언어 SMIL이 있음
표현언어
구조계층
"무슨 의미인가"
표현계층
"어떻게 보이는가"
계층동작
"어떤 동작을 하는가"