HTML thead tbody tfoot

웹페이지를 header body footer로 나누는 것 처럼,

표도 똑같이 나눌 수 있다.

물론 나눈다고 해서 웹페이지에서 뭐가 다르게 보이는건 아니지만

나중에 코드를 읽기 쉽게 해주는 역할을 한다.

thead, tbody, tfoot 세가지의 태그가 있는데,

모두 <table> 태그 안에 넣어주도록 한다.

<thead>, </thead>

가장 위에 올라가야 하는 태그.

<tbody>, </tbody>

thead 태그 다음순서로 오는 태그.

tfoot 다음으로도 올 수 있다.

<tfoot>, </tfoot>

표의 마지막을 뜻하는 태그이지만 tbody보다 먼저 올 수도 있다.

고로 

thead

tbody

tfoot

tbody

tfoot

이런식으로 표를 길게 만들고 부분부분 나누는 것이 가능하다!

나눈다고 해도 웹페이지에 출력될 때는 다 붙어서 나오기 때문에,

테이블 사이를 떼고 싶다면 테이블을 닫고 새로 만드는것이 현명하겠다.

사용 예시