'웹표준'에 해당되는 글 1건

  1. 2010.04.01 웹표준을 시작하면서..

웹표준을 시작하면서..

standard guide 2010. 4. 1. 10:12

1. 웹이란?

1) world-wide-web

2) HTML( 어느곳에서나 같은 화면을 보고싶어함 )

3) Hyper Text - 기존의 문서는 순차적이면서 서열형 구조 > 하이퍼텍스트는 링크에 따라 그 차례가 바뀌는 임의적이면서 나열형인 구조 

4) Markup Language - 이제는 css 에서 처리 (우리가 공부할 때 줄을 치거나, 형광펜 등으로 칠하는 것이 마크업)

5) HTML의 목표 - 생산자들이 만든 문서가 다른 브라우저, 플랫폼에서 다르게 표현되지 않아야함 / 여러 해상도 pc, 핸드폰, 모바일기기 등의 모든 장치들이 정보를 이용가능 하게 하도록 발전됨(정보 그 자체,표현되는것 모두) 

 

2. 웹표준

1) 웹표준이란?

  • W3C가 가장 중심적인 역할(책  참고)
  • 향후 시멘틱웹쪽으로 갈 가능성이 매우 큼(팀버너스리 추진)


2) W3C

  • 웹을 위한 표준을 개발하고 장려하는 조직  
  • CSS, HTML, XHTML, XML, RDF, OWL 등의 문서양식 표준화 
     

3) 브라우저의 역사와 웹표준의 경시

  • 최초의 브라우저는 모자이크(아마추어)
  • 넷스케이프(비로서 전문성을 가진 브라우저 시작)
  • 넷스케이프와 익스플로러의 브라우저 1차 전쟁 (OS에 끼워 팔던 익스가 성공을 거둠)

구조 HTML
디자인 레이아웃 CSS
자바스크립트(자바와 상관없음 - 라이브 스크립트) - 이름만 빌려쓴다고 보면 됨
J 스크립트(인터넷 익스플로러) 자바스크립트와는 다름. (ECMA 스크립트가 표준)

  • 브라우저 2차 전쟁 ( OS에 넣는 익스플로러와 다른 브라우저간의 싸움) - 익스플로러의 승리 (익스플로러 6.0 으로 익스플로러팀 해체 / 웹표준을 전혀 지키지 않음 - 개판)
  • 파이어폭스의 등장(웹표준을 지키는 브라우저를 표면에 내세움)
  • 익스플로러 8.0의 등장 표준화로 가고 있음.


4) 웹표준 정책의 혼란

  • HTML 2.0x에서 잘못된 요소(태그)와 속성이 사라졌음
  • HTML 3.2에서 다시 시각적으로 사용하던 요소와 속성 추가됨(넷스케이프의 압력)
  • 그 후 HTML 4.01 에서 2.0버전으로 권고함(Strict 문서형)
  • 하지만 보급된 기술을 다시 바로 잡기 힘들고 제작자들이 올바르게 HTML을 사용하는 것에 의미를 느끼지 못함

5)  웹표준을 지키지 않는 브라우저

  • 브라우저가 웹표준을 준수하지 못하므로 웹제작자들은 시각적으로 제대로 표현하기 위해 HTML을 시각적으로
    사용함
  • 태그 오용(단지 보여주기 위해 함부로 태그를 사용)

6) 웹표준 중시와 비즈니스 트랜드

  • 웹표준이 웹개발자에 주목받은 사이트
  • Wired News(2002년 9월) : XHTML + CSS 기반으로 구축
  • 많은 페이지와 막대한 트래픽 문제가 있던 사이트


변화된 모습

    1. 파일 사이즈가 줄고 랜더링 속도가 향상되고, 문서구조와 시각표현의 분리로 업데이트와 디자인 변경이 효율적으로 이루어짐
    2. 웹표준 준수의 경제적 효과를 보여줌
       

7) 웹표준의 목적

  • 팀 버너스 리가 웹을 발명시 정보의 무한한 공유를 표방함
  • 어떠한 기기나 누구든지 정보에 접근할 수 있는 웹을 만들어야 함

8) 웹표준 준수 방법

  • XML >> 마크업 확장 가능( 사용자 마음대로 태그를 확장하여 사용 가능)
    - 예) 스타크래프트2
    HTML >> 검증된 태그들만을 사용해라
  • 구조와 표현, 동작을 분리하여 제작


9) 우리가 기억할 웹표준

  • 요소를 의미대로 사용함
  • 테이블은 정보를 테이블로 표시할 경우에만 사용
  • 레이아웃은 div 요소 사용
  • 제목은 <h1 ~6> 요소 사용
  • 메뉴나 리스트는 li 요소 사용
  • <FONT>, <BIG> 사용 X
  • 스타일을 인라인, 속성으로 지정 X (http://www.csszengarden.com/)

10) 웹표준의 장점

  • 수정과 관리가 용이
  • 웹 접근성 향상
  • 다양한 기기에서 접근 가능
  • 검색엔진 최적화
  • 검색엔진의 크롤러는 HTML을 그대로 해석하므로 문서구조가 명확하지 않으면검색이 쉽지 않음
  • 인간 뿐 아니라 검색엔진에게도 친절한 페이지를 만들자. 시각장애인을 위한 리더기도 마찬가지.

'standard guide' 카테고리의 다른 글

접근성 참고  (0) 2012.07.02
웹 접근성을 고려한 콘텐츠 제작 기법  (0) 2012.03.13
실전 웹표준 가이드  (0) 2010.04.06
: