HTML 코딩, 우리는 여지껏 열심히 table tag(이하 table) 안에 또 table을, 또 table을 넣어가며 코딩을 해왔다.

"td tag(이하 td)를 하나 안닫았다!"

"table 10단 콤보에 들여쓰기를 하려니 온통 공백밖에 없다 OTL"

그렇게 table 중첩 코딩을 하면서 위와같은 문제를 많이 겪었으리라 싶다.

이제 저런 문제들을 좀 벗어나보자, 바로 div+css 레이아웃(이하 div 레이아웃)으로! 그냥 위와 같은 문제들만이라면 div 레이아웃을 뭐 굳이 배우겠냐 싶지 않은가? 그렇다! 궁극적으로 div 레이아웃을 공략해야만 하는 이유는 따로 있는 것이다.

• "컨텐츠에 html, 디자인에 css! 전달하고자 하는 정보와 그 정보를 꾸며주는 디자인의 완벽한 분리!"
• "위에 따른 동일한 컨텐츠(html)에 여러 디자인의 구성!"
• "가벼워진 페이지, 날아다니는 서버! (좀 과장이 심하죠? -ㅛ-)"

그 외에도 많은 장점들이 있다! 굳이 알고 싶다면 한글 모질라 포럼 – Web Standard Evangelism을 한번 둘러보시라!

자 이제 div 레이아웃으로 옮겨갈 마음이 생겼다면 본격적으로 공략을 시작해보자!