살아 숨 쉬는 웹 - 블루비 :: Web Developer

출처 : 수나 blog
테이블 태그는 죽었다! - CSS를 이용한 웹 디자인 전략
아직도 웹페이지 레이아웃을 테이블 태그를 이용하여 작업하신다구요?
레이아웃을 잡기 위해 비합리적으로 사용하던 테이블 태그는 이제 죽었습니다.

테이블 태그는 표 작업을 할 때만 사용할 수 있도록 자기 자신의 본연의 임무로 돌아갈 수 있도록 도와줍시다!
테이블 태그 안에 또 다른 테이블 태그를 수없이 반복하며 레이아웃 작업을 하고, 나중에 유지보수하는 과정 중에 어쩌다 테이블 태그를 삭제하다 보면, 레이아웃이 전체 깨져보이고 복잡하게 얽혀있는 소스코드를 수정할 엄두가 안나는 일들 겪어보지 않으셨습니까?

웹 디자이너 여러분, 웹 기획자 여러분, 웹 개발자 여러분...
이제는 CSS를 이용하여 웹 디자인 전략을 세우셔야 합니다.
데이터와 시각적인 표현은 이제 분리해야 합니다.
세계적으로 웹 표준이 대세입니다.
거스를 수 없는 흐름 속에 이번 CSS 활용 전략 세미나를 통해 남보다 한 발 앞서 나가십시오!

현실적으로 CSS를 이용하여 레이아웃을 잡고, 웹 표준을 사이트 전반에 적용하려 해도 쉽지 않은 문제들이 있습니다.

이런 문제들을 이미 다 겪고 수많은 웹 표준 프로젝트를 진행해 오신 전문가 4인을 통해 CSS의 위력과 웹 표준의 중요성을 배워보시기 바랍니다.

* 테이블 태그를 사용하지 않고 CSS로 레이아웃을 잡은 대표적인 사이트 아래 사이트를 방문하여 메인 페이지의 소스를 확인해 보세요.

해외 : ESPN

국내 : 야후 코리아

※ 이렇게 복잡한 상용 사이트도 소스를 보면, 테이블 태그 없이 CSS만을 이용하여 레이아웃을 잡은 것(div 태그 사용)을 확인할 수 있습니다.

작업 사이트
GS칼텍스(국문) : http://www.gscaltex.co.kr
GS-Caltex(영문) : http://www.gscaltex.com (XHTML 1.0 Tr)
농협문화복지재단 : http://jaedan.nonghyup.com
재정경제부 뉴스 사이트 : http://mofe.news.go.kr
LG복지재단 : http://foundation.lg.or.kr
CJ중문 : http://cjchina.net
LG대표사이트(영문) : http://www.lg.co.kr/english