<tfoot>
태그의 정의 및 사용법
<tfoot>
태그는
테이블 푸터(table foot, 바닥글)에 해당하는 행(<tr>
태그)들의 그룹을 나타냅니다.
이 태그는 부모 테이블의 요약 정보나 계산 결과 등을 포함하는 행들로 구성된 테이블 푸터로 정의할 때 사용됩니다.
<tfoot>
태그의 유용성
주요 마크업 규칙
전체적인 마크업 규칙은 기술적인 문법 요약을 참고하세요.
데모
상품 | 가격 |
---|---|
커피 | 2,500 |
과자 | 1,500 |
합계 | 4,000 |
속성
<tfoot>
태그는 모든 전역 속성만을 사용할 수 있습니다.
더 이상 사용되지 않는 속성
예전에는 이 태그만을 위한 다음의 속성들이 있었지만
이제는 명세서에서 삭제된 비표준으로 더 이상 사용되지 않으며 사용해서는 안 됩니다.
아직 많은 학습서나 기존 코드에서 사용하고 있으므로 관심사를 위해서만 아래에 나열합니다.
이 속성들을 각 브라우저별로 아직까지 지원할 수 있지만 모든 사용자에게 적합하지 않을 수도 있습니다.
구현 간에 호환되지 않는 부분이 많을 수도 있으며 향후 동작이 변경될 수도 있습니다.
align
bgcolor
char
charoff
valign
기술적인 문법 요약
일반적인 실수
<tfoot>
태그의를 사용할 때 저지르기 쉬운 일반적인 실수에 대해 알아보겠습니다.
<tbody>
뒤에 <tfoot>
태그가 없습니다.
위 예제처럼 <tbody>
뒤에 <tfoot>
태그가 없으면 별 문제가 없을 것이라고 생각할 수도 있지만, 그렇지가 않습니다.
이렇게 암시적으로 <tbody>
태그를 추가하기 때문에 테이블의 구조적 맥락에서 테이블의 푸터가 아닌 본문으로 해석되는 오류가 발생하게 됩니다.
브라우저 호환성
태그 |
데스크탑 Chrome
|
데스크탑데스크탑 Edge
|
데스크탑 Firefox
|
Safari
|
---|---|---|---|---|
<tfoot>
|
1 | 12 | 1 | 1 |
명세서
명세서 사양 | |
---|---|
<tfoot>
|
HTML Standard #the-tfoot-element |