tfoot element - by. UXKM

tfoot element 설명

<tfoot> 요소는 HTML 테이블에서 푸터 콘텐츠(footer content)들을 하나의 그룹으로 묶을 때 사용합니다.
<tfoot> 요소는 테이블의 각 영역(header, body, footer)을 명시하기 위해 <thead>, <tbody> 요소와 함께 사용됩니다.
브라우저는 이러한 요소들을 사용하여 테이블의 헤더나 푸터와는 독립적으로 테이블의 내용만 스크롤되게 할 수 있으며, 여러 페이지에 걸쳐 있는 큰 테이블을 인쇄할 때 각 페이지의 상단과 하단에 테이블의 헤더와 푸터가 모두 인쇄되도록 할 수도 있습니다.

<tfoot> 요소는 <table> 요소의 자식 요소로써, 반드시 모든 <caption>, <colgroup>, <thead>, <tbody> 요소 다음에 위치해야 합니다.
또한, <tfoot> 요소는 반드시 하나 이상의 <tr> 요소를 포함하고 있어야 합니다.
보통 <tbody>의 정보에 대한 결과값을 표시할 때 사용합니다.
<thead><tbody>, <tfoot> 요소는 기본적으로 웹 페이지의 레이아웃에 전혀 영향을 주지 않지만, 이 요소들의 스타일을 CSS를 사용하여 변경할 수는 있습니다.

HTML5에서는 <tfoot> 요소의 align, char, charoff, valign 속성을 더 이상 지원하지 않습니다.

CSS 기본값 :

tfoot element 예제