본 사이트는 웹표준을 준수하여 웹반응형으로 제작되었습니다. 디바이스에 따라 최상의 해상도로 확인하실 수 있습니다:)
- [웹표준이란?]
- 웹표준은 말 그대로 웹상에서 지켜야 하는 표준적인 규칙이라고 할
수 있습니다. 좀 더 구체적으로 말하자면 국제 표준화 단체인
W3C(World Wide Web Consortium)가 지정한 표준안을 지켜
웹사이트를 제작하는 것입니다.
또한 그렇게 함으로써 어떤 운영체제나 웹브라우저 상에서도 비교적
동일한 디자인과 기능을 구현하는 데에 그 목적이 있다고
할 수 있습니다.
- [웹표준의 장점]
-
1) 수정 및 관리의 용이
웹표준을 준수하여 (X)HTML과 CSS가 분리된 사이트를 만들 경우
수정사항이 있을 시 CSS의 수정만으로도 손쉽게 디자인의 수정이
가능해 집니다.
따라서 엄청난 시간, 비용절감의 효과를 누리실 수 있습니다.
2) 파일 사이즈의 감소를 통한 웹공간의 확보와 로딩 시간 감소
웹표준을 준수하여 코딩할 경우 필요없는 소스와 파일을 줄임으로서
웹 공간에 여유공간을 확보하고 페이지 로딩속도를 빠르게 함으로써
사용자에 더 나은 편의를 제공할 수 있습니다.
3) 미래에 나올 브라우저에 대한 상위 버전 호환성
웹표준을 이용하게 되면 컨텐츠와 CSS가 따로 분리 되어 있기
때문에 기존 브라우저에서는 물론, 향후 미래에 나올 스타일시트
기능을 지원하지 않는 브라우저에서 보더라도 문서를 이해하는데
아무런 문제가 없다는 장점을 지니고 잇습니다.
4) 검색 엔진에 대한 최적화 방안
웹표준을 이용하여 (X)HTML 소스를 중요도에 맞게 구조화하고,
깨끗하게 정리된 소스를 만들어내면 검색 로봇이 올바르게 검색할 수
있습니다. 예를 들어 웹표준 태그인 (h1~h6)태그와 텍스트 강조
요소 등을 이용하면 검색엔진에 효율적으로 노출될 수 있도록
최적화 시킬 수 있습니다.
5) 웹 접근성 용이
웹표준을 이용해 작성한 문서는 거의 모든 브라우저, 휴대폰, PDA,
장애인 지원용 소프트웨어에서 쉽게 읽을 수 있습니다. 웹표준을
준수하면장애인의 웹사이트 이용에도 도움이 되며, 대체 텍스트
지원으로 이미지 링크 등이 변경이 되어도 문서를 이해하는 있어서
무리가 없게 됩니다.
크리에이티브 디자이너를 위한 웹표준 -송태민 저- 발췌
- [대한민국 웹 표준 사이트가 되기 위한 조건]
- 1) W3C 권장 표준 DTD(Document Type Definition) 사용.
2) 논리적이고 의미에 맞는 HTML 마크업과 CSS 레이아웃 사용.
3) 최신 버전의 데스크탑 및 모바일 브라우저 'Internet Explorer,
Firefox, Safari, Opera, Chrome'에서 콘텐츠 호환성 유지.
4) HTML 문법 오류가 페이지별 평균 99개 이하.
초기화면은 필히 99개 이하. 확인. CSS 문법 오류는 확인하지 않음.
5) 'ActiveX, Java Applet, Flash, Silverlight Javascript'와 같은
부가 어플리케이션이 존재 하더라도 핵심 기능을 사용하는데
지장이 없음.
6) 다양한 웹 브라우저에서 키보드만으로 대부분의 콘텐츠를
탐색하거나 조작할 수 있음. 네비게이션을 플래시로 구현한 경우
등록 불가.
- [웹표준 코딩 검사 사이트]
- 아래 사이트는 웹페이지의 웹표준 준수 여부를 검사해 준다.
통과할 경우 웹표준을 준수했다는 마크를 받을 수 있다.웹표준 인증마크
[W3C Mark Up 검증 서비스]
http://validator.kldp.org/
[W3C CSS Validation 서비스]
http://jigsaw.w3.org/css-validator/
총 3가지 방법으로 이용이 가능하다.
1) URL입력
2) 파일업로드
3) 코드 직접입력
