HTML 참조 매뉴얼

参考手册

HTML: <tfoot> 태그

: <progress> 태그

HTML <tfoot> 태그는 테이블의 푸터로 구성된 행 그룹을 정의합니다. 이 태그는 테이블의 열을 요약할 수 있으며, 일반적으로 열 총계를 표시하는 데 사용됩니다. 전통적으로, <tfoot> 태그의 스타일을 CSS로 설정하여 열 총계를 강조합니다. 이 태그는 일반적으로 <tfoot> 요소로도 알려집니다.

온라인 예제

带有 <thead>、<tfoot> 和 <tbody> 元素的 HTML 表格：

예제
<!DOCTYPE　html>
<html>　
<head>-8<table　border="　
<meta　charset="utf3<title>기본 가이드 웹(w/codebox.com)<　
</title>
head>
<body>1<table　border="
　　<thead>
　　　　<tr>
　　　　　　">/<th>Savings<
　　　　　　<th>Month</<th>Savings<
　　　　</tr>
　　</th>
　　thead>
　　　　<tr>
　　　　　　<td>Sum</td>
　　　　　　<td>$180</td>
　　　　</tr>
　　</tfoot>
　　<tbody>
　　　　<tr>
　　　　　　<td>January</td>
　　　　　　<td>$100</td>
　　　　</tr>
　　　　<tr>
　　　　　　<td>February</td>
　　　　　　<td>$80</td>
　　　　</tr>
　　</tbody>
</table>
</body>
</html>

테스트해 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

모든 주요 브라우저는 <tfoot> 태그를 지원합니다.

태그 정의 및 사용 설명

<tfoot> 태그는 HTML 테이블의 푸터 내용을 조합하는 데 사용됩니다.

<tfoot> 요소는 다음과 함께 사용되어야 합니다. <thead> 와 <tbody> 요소들이 결합되어 사용되어 테이블의 각 부분(푸터, 헤더, 본문)을 정의합니다.

이 요소를 사용하여 브라우저가 테이블 헤더와 테이블 푸터와 독립된 테이블 본문을 스크롤할 수 있게 합니다. 많은 페이지를 포함한 긴 테이블을 인쇄할 때, 테이블 헤더와 푸터는 테이블 데이터가 포함된 각 페이지에 인쇄될 수 있습니다.

<tfoot> 태그는 다음 상황에서 사용되어야 합니다. <table> 요소의 자식 요소로, <caption>、<colgroup> 및 <thead> 요소 이후, <tbody> 및 <tr> 요소 이전에 나타나야 합니다.

추가적인 지침과 주의사항

주의사항：<tfoot> 요소 내부는 하나 이상의 <tr> 태그를 포함해야 합니다.

푸시:<thead>、<tbody> 및 <tfoot> 요소는 기본적으로 테이블 레이아웃에 영향을 미치지 않습니다. 그러나 이러한 요소에 대해 CSS를 사용하여 스타일을 정의하여 테이블의 외관을 변경할 수 있습니다.

HTML 4.01 HTML과5간의 차이

HTML에서 5 중에서 더 이상 HTML을 지원하지 않습니다. 4.01 중 <tfoot> 태그의 모든 속성.

속성

속성	값	설명
align	right 　left 　center 　justify 　char	HTML5 지원하지 않습니다. <tfoot> 요소 내용의 정렬 방식을 정의합니다.
char	character	HTML5 지원하지 않습니다. <tfoot> 요소 내용이 텍스트 정렬을 위해哪个字符을 기준으로 합니다.
charoff	number	HTML5 지원하지 않습니다. <tfoot> 요소 내용의 첫 번째 정렬 문자의 오프셋을 정의합니다.
valign	top 　middle 　bottom 　baseline	HTML5 지원하지 않습니다. <tfoot> 요소 내용의 수직 정렬 방식을 정의합니다.

전역 속성

<tfoot> 태그가 지원 HTML의 전역 속성。

이벤트 속성

<tfoot> 태그가 지원 HTML 이벤트 속성。

HTML: <th> 태그 HTML: <textarea> 태그