웹표준을 시작하면서..
standard guide 2010. 4. 1. 10:121. 웹이란?
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 기반으로 구축
- 많은 페이지와 막대한 트래픽 문제가 있던 사이트
변화된 모습
- 파일 사이즈가 줄고 랜더링 속도가 향상되고, 문서구조와 시각표현의 분리로 업데이트와 디자인 변경이 효율적으로 이루어짐
- 웹표준 준수의 경제적 효과를 보여줌
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 |