최신 웹 개발 튜토리얼
 

HTML <tfoot> Tag


A의 HTML 테이블 <thead>, <tfoot> , 그리고 <tbody> 요소 :

<table>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tfoot>
    <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>
»그것을 자신을 시도

정의 및 사용

<tfoot> 태그는 HTML 테이블에서 그룹 바닥 글 내용에 사용됩니다.

<tfoot> 요소는와 함께 사용됩니다 <thead><tbody> 테이블 (바닥 글, 머리글, 본문)의 각 부분을 지정하는 요소입니다.

브라우저는 독립적으로 머리글과 바닥 글의 테이블 본체의 스크롤을 사용하려면 이러한 요소를 사용할 수 있습니다. 여러 페이지에 걸쳐 큰 테이블을 인쇄 할 때 또한, 이러한 요소는 테이블 머리글과 바닥 글은 각 페이지의 상단과 하단에 인쇄 할 수 있습니다.

<tfoot> 태그는 다음과 같은 상황에서 사용해야합니다 : (A)의 아이로 <table> 요소, 모든 후 <caption>, <colgroup> , 그리고 <thead> 요소와 어떤 전에 <tbody><tr> 요소입니다.


브라우저 지원

요소
<tfoot>

팁과주의 사항

참고 : <tfoot> 요소가 하나 이상 있어야합니다 <tr> 내부 태그.

팁 :이 <thead>, <tbody> , 그리고 <tfoot> 요소는 기본적으로 테이블의 레이아웃에 영향을 미치지 않습니다.그러나 이러한 요소 스타일을 CSS를 사용할 수 있습니다.


HTML 4.01과 HTML5의 차이점

되는 HTML 4.01 속성 중 어느 것도 HTML5에서 지원되지 않습니다.


속성

속성 기술
align right
left
center
justify
char
HTML5에서 지원되지 않습니다.
내부 컨텐츠에 맞 춥니 <tfoot> 요소를
char character HTML5에서 지원되지 않습니다.
내부 컨텐츠에 맞 춥니 <tfoot> 문자에 요소를
charoff number HTML5에서 지원되지 않습니다.
내부 콘텐츠 문자 세트 수 <tfoot> 요소에 의해 지정된 캐릭터로부터 정렬 될 char 속성
valign top
middle
bottom
baseline
HTML5에서 지원되지 않습니다.
수직 내부 콘텐츠 정렬 <tfoot> 요소를

글로벌 속성

<tfoot> 태그도 지원 글로벌은 HTML의 속성 .


이벤트 속성

<tfoot> 태그도 지원 이벤트는 HTML의 속성 .


기본 CSS 설정

대부분의 브라우저는 표시됩니다 <tfoot> 다음과 같은 기본 값으로 요소를 :

tfoot {
    display: table-footer-group;
    vertical-align: middle;
    border-color: inherit;
}