<div> 태그는 임의의 작은 구역을 만들 때 사용합니다. 웹 사이트를 제작할 때 가장 많이 사용하는 태그 중 하나입니다. 웹 사이트 유지 보수 작업을 고려하여 서랍장처럼 다른 요소를 담아낼 때도 사용합니다.

그림 3-14의 키즈가오 웹 사이트를 살펴보면 로고를 기준으로 동물이 상하좌우에 배치되어 있습니다. 이때 로고를 포함하여 이미지 다섯 개를 그냥 배치했다면 문제가 발생할 수 있습니다. 예를 들어 클라이언트가 로고의 위치를 조정해 달라고 요청할 수 있습니다. 이럴 때는 로고뿐만 아니라 로고를 둘러싼 동물 이미지도 배치 작업을 새로 해야 합니다. 즉, 수정 작업을 총 다섯 번 해야 합니다.

 

그림 3-14 이미지를 그냥 배치할 경우 수정 작업을 총 다섯 번 해야 한다