HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <thead> 태그

HTML의 <thead> 요소는 테이블의 열 헤더를 정의하는 행 집합을 정의합니다. 이 행들은 테이블의 열 제목으로 구성됩니다. 이 태그는 일반적으로 <thead> 요소로도 알려집니다.

온라인 예제

thead 요소를 포함한 HTML 테이블:

예제

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML thead 태그 사용 (기본 튜토리얼 웹3codebox.com)</title>
</head>
<body>
<table border="1">
　　　　<caption>Council budget (in £)　2018</caption>
　　　　<thead>
　　　　　　　　<tr>
　　　　　　　　　　　　<th scope="col">Items</th>
　　　　　　　　　　　　<th scope="col">Expenditure</th>
　　　　　　　　</tr>
　　　　</thead>
　　　　<tbody>
　　　　　　　　<tr>
　　　　　　　　　　　　<th scope="row">Donuts</th>
　　　　　　　　　　　　<td>3,000</td>
　　　　　　　　</tr>
　　　　　　　　<tr>
　　　　　　　　　　　　<th scope="row">Stationery</th>
　　　　　　　　　　　　<td>18,000</td>
　　　　　　　　</tr>
　　　　</tbody>
</table>
</body>
</html>

테스트해 보세요 ‹/›

브라우저 호환성

IEFirefoxOperaChromeSafari

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

태그 정의 및 사용 설명

<thead> 태그는 HTML 테이블의 헤더 내용을 조합하는 데 사용됩니다.

<thead> 요소는 <tbody> 와 <tfoot> 요소들을 결합하여 테이블의 각 부분(헤더, 본문, 푸터)을 정의합니다.

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

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

안내와 주의사항

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

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

HTML 4.01 HTML과5간의 차이

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

속성

속성	값	설명
align	right 　left 　center 　justify 　char	HTML5 지원하지 않습니다. <thead> 요소 내용의 정렬 방식을 정의합니다.
char	character	HTML5 지원하지 않습니다. <thead> 요소 내용이 텍스트 정렬을 위해 어떤 문자를 기준으로 할지 정의합니다.
charoff	number	HTML5 지원하지 않습니다. <thead> 요소 내용의 첫 번째 정렬 문자의 옆자리를 정의합니다.
valign	top 　middle 　bottom 　baseline	HTML5 지원하지 않습니다. <thead> 요소 내용의 수직 정렬 방식을 정의합니다.

전체 속성

<thead> 태그가 지원 HTML의 전체 속성.

이벤트 속성

<thead> 태그가 지원 HTML 이벤트 속성.

HTML: <title> 태그 HTML: <th> 태그