이웃분이 웹표준을 종종 이야기하셨지만 제블로그가 특정 브라우져에서 이상하게 보이는 일이 없었기때문에 크게 관심이 없었습니다. 그래서 웹표준은 시간나면 웹표준검사에 오류가 없는 블로그를 한번 만들어보고 싶다는 정도로만 생각하고 있었습니다.  

 그런데 최근 방문자께서 제 블로그에서는 댓글글씨가 회색이고 배경색과 비슷한 톤이라 잘 보이지 않아서 어쩔수없이 익스플로러8로 접속해서 확대해서 보신다는 이야기를 들었습니다. 그리고 이웃분이 제 본문 소제목 타이틀이미지는 스마트폰에서는 작게 보여서 불편하다는 이야기도 해주셨습니다.  

 그래서 최근 타이틀도 변경했고 이번기회에 스킨을 제대로 정비하고 웹표준에 대해 제대로 이해하고 싶다는 생각이 들어서 <웹표준교과서>와  여러 자료를  참고해서 웹표준에 대해서 포스팅해봤습니다. 


웹표준 이야기

 W3C는 1994년에 설립이 되고 웹표준화에 적극적으로 관여를 했지만 브라우저 제작사는 웹표준에 소극적이었습니다. 그 이유는 이때 당시 대표적인 브라우저였던 익스플로러와 네스케이프는 1차브라우저 전쟁(1995~7년)동안 많은 비표준 독자적인 확장이 생겨버렸고 CSS의 규정도 잘 준수하지 않았기때문에 CSS에 대해 불완전하고 사용하기 어렵다는 오해가 생겨버렸습니다. 

 그리고 많은 웹제작도구들이 올바른 HTML을 만들어내는 목적으로 설계되기보다는 결과적으로 화려해보이는 페이지를 만들기위해 이용되었기때문에 눈으로 보이는 부분만 평가하게 되면서 잘못된 요소와 속성이 웹표준에 추가되면서 웹표준의 의미가 색을 바래버렸습니다. 

 그후 웹표준 지원을 강점으로 내세우는 다양한 브라우저들이 나오면서 점점 소스를 검증하는 인식의 필요성이 대두되었고 특히 3차 브라우저 전쟁이라고 불리우는 신흥 브라우저 Firefox와 safari등이 웹표준 지원을 충실히 하여 등장하면서 메이저 브라우저였던 익스플로러의 점유율을 많이 뺏으면서 웹표준의 중요성은 점점 커져나갔습니다.  


웹표준 ?

 웹표준(Web Standards)는 모든 브라우저에서 동일하게 표시되는 공식규격이라는 의미로 W3C를 중심으로 웹에서 표준적으로 사용되는 기술을 말합니다. 이밖에도 ISO, IETF, IANA,,OASIS등도 웹기술 표준화에 크게 관여를 하고 있습니다.

 웹표준의 핵심은 다양한 브라우저에 대해 접근이 가능하게 만드는 웹접근성인데 우리나라의 경우는 익스플로러로의 점유율이 기형적으로 높은편이라 액티브x를 설치를 통한 불필요한 플러그인의 설치가 넘쳐나고 있습니다. 
 
 그래서 다른 브라우저로 접근을 하려면 제약이 심한 편입니다. 특히 은행같은 경우는 익스플로러를 제외한 다른 브라우저로 접속을 하면 모바일 페이지로 넘어가는등 여전히 결제도 제대로 이루어지지 않고 있습니다. 


웹표준의 장점

수정과 관리가 용이 

저처럼 여전히 HTML에만 익숙해져서 웹페이지를 만들경우는 웹페이지를 리뉴얼을 한다면 매번 페이지를 새로 제작을 해야합니다. 그런데 (X)HTML과 CSS를 이용한다면 (X)HTML로 뼈대를 다시 잡고 CSS로 시각표현을 통일하여 제어를 한다면 보다 손쉽게 웹페이지의 수정과 관리를 할수가 있습니다.    

웹 접근성의 향상 


다양한 브라우징 환경에 대응하는 접근 가능한 웹페이지를 만들 수 있습니다.

SEO(검색엔진) 최적화 

 검색엔진의 크롤러는 (X)HTML소스를 거의 액면 그대로 해석을 하기때문에 깨끗하게 정리된 소스는 이 크롤러*가 더 잘 이해하고 검색을 할수 있다고 합니다. 

크롤러 [crawler]
: 방대한 웹페이지를 두루 방문하여 각종 정보를 자동으로 수집해오는 프로그램.



후기

 티스토리의 스킨을 수정하면서도 XHTML과 CSS로 웹페이지를 만들면 관리와 수정이 용이하다는걸 느꼈지만 HTML에 너무 익숙해져 있었고 결과물에 크게 차이가 없었기 때문에 웹표준을 멀리했습니다.

 그런데 SEO(검색엔진) 최적화에도 영향이 있다 하니 힘들더라도 웹표준에 대해 다시 관심을 가지고 제대로 공부를 해보고 싶다는 생각이 듭니다. 


웹표준 교과서
국내도서>컴퓨터/인터넷
저자 : 다카히로 마시코 / 김대석역
출판 : 디지털미디어리서치 2007.06.25
상세보기



댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 블로그 상단이 멋지게 바뀌셨네요 ^^ 모처럼 만에 들러서 웹표준 글 잘 보고 갑니다 ...

    2011.01.19 13:36 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 웹표준이라..
    아직까지 제게는 어려운 말이네요^^;;

    2011.01.19 13:44 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 익스플러로, 크롬을 이용하면 달리 보이는 사이트가 많은데,,
    웹표준이 쉬워졌음 하는 바램이 있습니다.

    2011.01.19 14:09 신고 [ ADDR : EDIT/ DEL : REPLY ]
  5. 헐~
    저는 티비님이 아시다시피 뭔소리인줄 모름...이런~

    2011.01.19 14:10 신고 [ ADDR : EDIT/ DEL : REPLY ]
  6. 점점 어려워지는 블로그...ㅜㅜ
    무뇌를 탓해야죠 ㅎㅎㅎ
    건강 조심하세요~~~

    2011.01.19 14:24 신고 [ ADDR : EDIT/ DEL : REPLY ]
  7. 음...항상 호기심을 가지시고, 직접 공부하시고, 물어도 보시고...
    정말 열정적이세요...^^
    계속해서 발전을 하지 않으실 수가 없네요...
    대단하세요!!!

    2011.01.19 14:38 신고 [ ADDR : EDIT/ DEL : REPLY ]
  8. 블로거질 오래 하려면 필히 찬찬히 둘러볼 책이군요 ^^

    2011.01.19 15:53 신고 [ ADDR : EDIT/ DEL : REPLY ]
  9. 우리티비님도 책한권냈으면좋겠단생각을해봅니다.
    어려운용어를 쉽게 해석해주고 쉽게 따라할수잇는어드바이스쪽으로,

    2011.01.19 16:00 신고 [ ADDR : EDIT/ DEL : REPLY ]
  10. 검색최적화에도 영향이 있다니..
    이책 한번 보고 싶네요 ㅎ

    세상구경님 오늘도 행복한 하루 되시구요, 항상 좋은 정보 감사해요~

    2011.01.19 16:36 신고 [ ADDR : EDIT/ DEL : REPLY ]
  11. 비밀댓글입니다

    2011.01.19 17:03 [ ADDR : EDIT/ DEL : REPLY ]
  12. 웹표준이
    서치엔진 최적화에도 영향이 있다니..
    놀라운데요.
    전 아직
    XHTML과 CSS 에 대한 이해가 부족해
    남들이 해 논 스킨 그대로 따다 쓰는 수준이네요.
    저도 CSS 공부좀 해서 블로그 화려하게 꾸며보고 싶네요.

    2011.01.19 18:03 신고 [ ADDR : EDIT/ DEL : REPLY ]
  13. 티비님의 도움이 절실합니다..ㅎㅎ
    까막눈...ㅋㅋ

    2011.01.19 18:22 신고 [ ADDR : EDIT/ DEL : REPLY ]
  14. 저는 XHTML 오류검사 해서 오류 0 입니다 ㅋ

    HTML 은 그냥 마크업 랭귀지일뿐이고, 사실 티스토리는 XHTML 이니 좀 더 엄격한 규격의 태그라고 볼 수 있죠. 에러는 없으면 여러브라우저에서 동일한 모양으로 보여야한다는 웹표준안에 부합하기도 하지만, 에러가 떠서 블로그가 특정 브라우저에 안뜨는 문제도 잡아주죠.

    근데 제생각에 댓글 부분에 글자색부분은 웹표준 태그에러내용이라기보다는 태그는 의미적으로 맞아야한다는 그내용에 맞을듯하고 좀 더 다르게 보면 그냥 디자인적 요소인듯해요. 저는 그래서 차라리 댓글배경을 더 어둡게 하고 글자색을 밝게 해버렸죠. 이게 읽는게 더편하더라구요.

    2011.01.19 19:09 신고 [ ADDR : EDIT/ DEL : REPLY ]
  15. 비밀댓글입니다

    2011.01.19 19:30 [ ADDR : EDIT/ DEL : REPLY ]
  16. 오 그렇군요
    최대한 예쁘게 만들려고 했는데 이런 문제가 있을 줄은 몰랐습니다.
    좋은 하루 되세요. 좋은 포스팅 감사합니다^^

    2011.01.19 19:36 신고 [ ADDR : EDIT/ DEL : REPLY ]
  17. 이제는 웹표준까지 알아야하는 군요 쿨럭';;

    2011.01.19 19:48 신고 [ ADDR : EDIT/ DEL : REPLY ]
  18. 블로그의 글들이 검색에 민감하기 때문에 검색엔진이 중요하게 체크하는
    웹표준을 지키는것도 중요해 보이네요~

    2011.01.19 20:17 신고 [ ADDR : EDIT/ DEL : REPLY ]
  19. 파폭, 크롬, 익플 세군데에서 전부 제대로 보이는지 확인하고만 있는데..
    가끔 파폭으로 어떤분 블로그 보면 메뉴가 다 헝클어져 보이는 분도 계시더라고요.

    SEO쪽은 공부하고 있는 중인데도 어렵더라고요. ^^;

    2011.01.19 21:39 신고 [ ADDR : EDIT/ DEL : REPLY ]
  20. 저두 어렵네요..
    편안한 시간이되세요..^^

    2011.01.19 22:22 신고 [ ADDR : EDIT/ DEL : REPLY ]
  21. 웹표준... 관심이 가네요~~^^

    모든것이 기준이라는 것이 있어야 질서가 바로잡히는 것인데 말입니다~~

    그런데 오류검사는 어떻게 하는 건가요??
    저도 해보고 싶습니다아~~ T_T

    2011.01.21 05:22 신고 [ ADDR : EDIT/ DEL : REPLY ]