하지만 이미지 다섯 개를 <div> 태그로 만든 서랍장 안에 담았다면 이야기가 달라집니다. 물론 애초에 레이아웃 작업을 할 때 서랍장까지 만들어야 하므로 한 번 더 손이 가긴 하지만 이후에 클라이언트가 위치를 조정해 달라고 요청해도 서랍장만 이동시키면 안에 있는 내용물이 따라서 이동하므로 수정 작업을 한 번만 하면 됩니다.

 

그림 3-15 <div> 태그로 서랍장을 만들어 두면 이후에 한 번만 수정하면 된다

 

이처럼 공간을 정의하는 태그를 사용할 때는 유지 보수까지 고려하여 HTML 코드를 설계해야 합니다. 유지 보수와 연관된 <div> 태그 사용법은 ‘Day 12 키즈가오 프로젝트 시작하기’에서 자세히 설명하겠습니다.