웹페이지의 레이아웃을 구성하기 위해서 종종 공간을 분할할 필요가 있다.

• 과거에는 table 태그를 사용하여 레이아웃을 구성하기도 하였으나,
• 모던 웹에서는 주로 div 태그를 사용한다.

다만 div태그는 의미론적으로는(semantically) 어떠한 의미도 가지고 있지 않기 때문에, HTML5에 새롭게 추가된 시맨틱 태그들을 사용하는게 가장 정석적인 방법이긴 하다.

• 이러한 공간분할 태그들은 다른 요소들을 포함하는 컨테이너 역할을 하게 되는 경우가 많다.
• div와 span의 차이는 block 속성 요소와 inline 속성 요소의 차이를 이해해야 한다.
  • CSS5 - display 프로퍼티 부분 참고.