웹페이지의 레이아웃을 구성하기 위해 공간을 분할할 필요가 있다.
공간을 분할할 수 있는 tag는 <div>, <span> 등이 있다. 과거에는 <table> tag도 사용했으나, 현재 웹페이지에는 자주 쓰지 않는다.
<div> tag는 의미론적으로 어떠한 의미도 가지고 있지 않기 때문에, 아래와 같이 HTML5에 새롭게 추가된 semantic tag를 사용하는 것이 더 나은 방법일 수도 있다. 하지만, IE에서는 작동하지 않기 때문에 주의가 필요하다.
이와 같은 공간 분할 tag는 일반적으로 다른 element를 포함하는 컨테이너 역할을 한다.
<div> tag는 block level element이고, <span> tag는 inline level element이다.
더깊이