최신 웹 개발 튜토리얼
 

HTML <thead> 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>
»그것을 자신을 시도

정의 및 사용

<thead> 태그는 HTML 테이블에 그룹 헤더의 컨텐츠에 사용됩니다.

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

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

<thead> 태그는 다음과 같은 상황에서 사용해야합니다 같은의 자식 <table> 요소, 모든 <캡션> 이후 <colgroup> 요소 및 전에 <tbody>, <tfoot><tr> 집단.


브라우저 지원

요소
<thead>

팁과주의 사항

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

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


HTML 4.01과 HTML5의 차이점

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


속성

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

글로벌 속성

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


이벤트 속성

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


기본 CSS 설정

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

thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}