table과 div의 렌더링 차이

<table>과 <div>의 렌더링시 차이점이 존재한다.

<table>은 table전체를 해석 후 한번에 출력한다.

<div>는 단락으로 구분하기 때문에 순차적으로 출력한다.

활용

이미지 파일들이 많은 경우, <table>의 이미지를 넣는 경우와, <div>에 넣는 경우 상당한 차이가 보여진다.

포털의 경우, <table>의 많은 이미지를 넣었을 경우 클라이언트 입장에서는 병목을 느낄 수 있다는 뜻이다.

이를 <div> 형태로 표현하면 점진적인 렌더링을 구현할 수 있을 것이다.

만일, 이미지 출력 부분에 병목 구간을 경험한다면 혹시 <table>내에 이미지를 로딩하는 건 아닌지 체크해 볼만 하다.