예
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;
}