| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 |
- 블로그 방문자 늘리기
- MSSQL
- 갑근세
- Vista
- 즐겨찾기 추가
- 블로그 수익화
- flash
- Administrator
- IIS
- CSS
- oralce
- samba
- MySQL
- Adobe pdf reader
- 블루수국그림
- 블로그 조회수 늘리기
- 블로그 조회수
- PHP
- 에덴미술
- 소득세
- Eclipse
- Jexcel
- Jrun
- JavaScript
- CVS
- JSP
- .NET
- 국민연금
- 인테리어그림
- HTML
- Today
- Total
I LOVE EJ
왜 table을 안쓰고 div를 쓰나.. 웹표준? 본문
웹표준 웹표준 너도 나도 웹표준!!
하면서 어느 순간 table 구조는 구시대적인것이 되었고 div는 신기술처럼 느껴지기 시작했다.
왜 그럴까?
일단 table 구조를 div로 바꾸고 font, b같은 태그들을 스타일시트(css)로 사용하게 되면
html 코드 양은 반 이하로 줄일수도 있고..
이렇게 구조와 표현이 분리되면
결과적으로 사이트의 로딩 속도도 빨라지며 코딩과 유지보수의 효율성이 증대된다.
표준을 지킨 사이트에서는 오히려 코드의 양이 줄고 속도가 늘어나며 재개바라 효율성이 증대 된다는 것이다.
css를 이용해 구조(html)와 표현(css)을 분리해주면 구조는 변하지 않은채 여러가지 디자인을 적용한다거나 상황에 따라 쉽게 디자인을 변경하는것이 가능해진다,.
상호 호환성은
표준 웹 기술을 채용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 반들어서 어느 한쪽에 최적화되어 치우치지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법을 말한다.
또한, 지원할 수 없는 다른 웹브라우저를 위한 장치를 만들어 모든 웹브라우저 사용자가 방문했을 때 정보로서의 소외감을 느끼지 않도록 하는 것을 의미하기도 한다.
그렇다고 웹에 관련한 표준에는 표준이 존재하지 않는다.
W3C의 토론을 통해 나온 권고안이 가장 최상위이다.
그래서 웹 표준을 지킨다고 하는 것은 W3C의 표준안을 지킨다는 것을 말한다.
<주요 표준안>
<HTML 4.01> http://www.w3.org/TR/1998/REC-html40-19980424/
<XHTML 1.0> http://www.w3.org/TR/xhtml1/
<XHTML 1.1> http://www.w3.org/TR/2001/REC-xhtml11-20010531/
<CSS1> http://www.w3.org/TR/REC-CSS1
<CSS2.1> http://www.w3.org/TR/CSS21/
<DOM Level1, Level2, Level3> http://www.w3.org/DOM/DOMTR
<XML> http://www.w3.org/TR/xml11/
<HTTP> http://www.w3.org/Protocols
순전 영어라 보기 힘들겠지만 어쩌랴..
다행히 웹표준문서중 일부는 W3C 한국사무국(http://w3c.or.kr)을 통해 번역된 것이 있다고 한다.
http://www.w3.org/2003/03/Translations/byLanguage?language=ko
웹에서 쓰이는 표준 중 HTTP와 같은 프로토콜 표준은 W3C에서 만드는 것이 아니다.
W3C 뿐만 아니라 IETF도 중요한 표준 기구이다.
<웹표준 검사>
css 유효성 확인 - http://jigsaw.w3.org/css-validator/
xml 유효성 확인 - http://www.stg.brown.edu/service/xmlvalid/
[출처] 왜 table을 안쓰고 div를 쓰나.. 웹표준?|작성자 난초
'Web publishing > 웹 표준' 카테고리의 다른 글
| html5 관련 tag (0) | 2010.03.30 |
|---|---|
| 하단에 clear하는 방법 및 상단 위치 마추는 방법 (1) | 2010.03.30 |
| Internet Explorer 6 - IE6 (익스플로러) PNG 이미지 투명처리 (0) | 2009.11.06 |
| PNG 포멧 용법 (0) | 2009.10.25 |
| 테이블은 이제 그만 쉬어야 할 때. (0) | 2007.10.15 |