테이블 구조(table layout)와 디비전 구조(division layout)란?

• - table layout : <table>태그의 편리한 구조로 인해 페이지 전체의 레이아웃을 잡는데 사용했던 오래된 방법. 웹표준과 의미에 맞는 마크업이라는 관점에서 잘못된 방법이며 원칙적으로 지양해야합니다.
• - division layout : <div> 태그를 기본적으로 사용하여 페이지 전체의 레이아웃을 잡는 방법. 의미에 맞는 마크업을 해야 다양한 브라우저에서 올바르게 표현된다는 인식이 확산되면서 정착된 방법입니다.

웹표준(division layout)방식의 레이아웃 장점

• - css 나 js 를 제거했을 때 콘텐츠가 논리적으로 선형화됩니다.
• - table 코딩에 비해 파일의 용량(소스의 길이)을 50%이상 줄여줍니다.
• - 로봇(검색엔진 또는 브라우저엔진) 뿐만 아니라 사람도 직관적으로 이해하기 쉬운 구조가 됩니다.
• - 따라서 유지보수가 쉬워지고 비용이 절감됩니다.
• - 기본적으로 웹표준이 지켜지면 웹접근성도 어느정도 지켜지며, 또한 IE만이 아닌 다른 주요 브라우저에서도 올바르게 표현됩니다.