<thead>

정의 및 사용

<thead>요소는 HTML 테이블 안의 머리말 콘텐츠를 그룹화하는데 사용된다.
<thead>요소는 <tbody>,<tfoot>요소와 함께 사용된다. 각각은 테이블 안에서 header, body, footer역할을 한다.
브라우저는 헤더와 푸터에 독립적으로 테이블 바디의 스크롤링을 사용할 수 있다.
또한, 여러 페이지에 걸쳐진 큰 테이블을 프린팅할 경우, 테이블 header와 footer는 각각의 페이지의 상단과 하단에 모두 인쇄되도록 할 수 있다.

<thead>태그는 반드시 다음 요소들과 함께 사용되어야 한다 : <table>요소의 자식요소이며, <caption>과 <colgroup< 다음에, 그리고 <tbody>,<tfoot>,<tr>요소들 이전에 쓰여야 한다.
<thead>요소는 반드시 내부에 하나 또는 그 이상의 <tr>을 가져야 한다.
<thead>, <tbody>, <tfoot> 요소는 기본적으로 레이아웃 효과를 가지고 있지 않지만 CSS로 스타일을 줄 수 있다.

브라우저 지원

IE6 지원IE7 지원IE8 지원IE9 지원IE10 지원Chrome 지원Firefox 지원Opera 지원Safari 지원

모든 주요 브라우저에서 지원

구문

속성 값 설명
속성 설명
align left
right
center
justify
char
HTML5 미지원 셀 내용의 정렬을 지정
char character HTML5 미지원
charoff number HTML5 미지원
valign top
middle
bottom
baseline
thead 내부 콘텐츠의 수직 정렬을 지정

예제

버그 및 이슈

  • 표 내용들을 그룹화하기 위해 thead, tbody, tfoot 요소들을 사용할 경우 tfoot 요소는 선택적으로 사용 가능하지만, thead 와 tbody 는 반드시 함께 사용해줘야 한다.

목록 으로

댓글