<머리>
HTML <thead> 태그
Instance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style type="text/css">
thead {color:green;}
tbody {color:blue;}
tfoot {color:red;}
</style>
</head>
<body>
<table border="1">
<thead>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
</thead>
<tfoot>
<tr>
<td>Sum</td>
<td>0</td>
</tr>
</tfoot>
<tbody>
<tr>
<td>January</td>
<td>0</td>
</tr>
<tr>
<td>February</td>
<td></td>
</tr>
</tbody>
</table>
<p><b>提示:</b> thead, tbody, 和 tfoot 元素默认不会影响表格的布局。不过，您可以使用 CSS 来为这些元素定义样式，从而改变表格的外观。</p>
</body>
</html>인스턴스 실행»
온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요
브라우저 지원
모든 주요 브라우저 <thead> 태그를 지원합니다.
태그 정의 및 사용 지침
<thead> 태그는 HTML 테이블의 헤더 내용을 결합하는 데 사용됩니다.
<thead> 요소는 <tbody> 및 <tfoot> 요소와 함께 사용하여 표의 다양한 부분(머리글, 본문, 바닥글)을 지정해야 합니다.
이러한 요소를 사용하면 브라우저는 표 머리글 및 표 바닥글과 관계없이 표 본문 스크롤을 지원할 수 있습니다. 여러 페이지가 포함된 긴 표를 인쇄하는 경우 표 머리글과 바닥글은 표 데이터가 포함된 각 페이지에 인쇄될 수 있습니다.
<thead> 태그는 <caption>, <colgroup> 요소 뒤에 나타나는 <table> 요소의 하위 요소로 사용되어야 합니다. <tfoot> 및 <tr>
팁 및 메모
참고: <thead> 요소에는 하나 이상의 <tr> 태그가 포함되어야 합니다.
팁: <thead>, <tbody> 및 <tfoot> 요소는 기본적으로 테이블 레이아웃에 영향을 주지 않습니다. 그러나 CSS를 사용하여 이러한 요소의 스타일을 정의함으로써 테이블의 모양을 변경할 수 있습니다.
HTML 4.01과 HTML5의 차이점
HTML 5에서는 HTML 4.01의 <thead> 태그 속성이 더 이상 지원되지 않습니다.
Attribute
| Attribute | Value | Description |
|---|---|---|
| align | right left center justify char | 5HTML5 지원되지 않습니다. <thead> 요소 내 콘텐츠 정렬을 정의합니다. |
| char | character | HTML5는 지원되지 않습니다. 텍스트 정렬에 사용해야 하는 <thead> 요소의 문자를 지정합니다. |
| charoff | number | HTML5는 지원되지 않습니다. <thead> 요소에 있는 콘텐츠의 첫 번째 정렬 문자의 오프셋을 지정합니다. |
| valign | top middle bottom baseline | HTML5는 지원되지 않습니다. <thead> 요소 내 콘텐츠의 수직 정렬을 지정합니다. |
전역 속성
<thead> 태그는 HTML 전역 속성을 지원합니다.
이벤트 속성
<thead> 태그는 HTML 이벤트 속성을 지원합니다.
