Posts /

HTML: < thead > 태그

Twitter Facebook Google+
18 Oct 2018

HTML Tag : <thead> 태그

<table>
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
</table>

thead 태그란?

thead 태그는 HTML 표의 머리글 내용을 그룹화하는 데 사용됩니다.

thead 요소는 tbody 및 tfoot 요소 와 함께 사용되어 표 (머리글, 본문, 바닥 글)의 각 부분을 지정합니다.

브라우저는이 요소를 사용하여 머리글과 바닥 글과 별도로 테이블 본문을 스크롤 할 수 있습니다.

또한 여러 페이지에 걸쳐있는 대형 테이블을 인쇄 할 때이 요소를 사용하면 각 페이지의 상단과 하단에 표 머리글과 바닥 글을 인쇄 할 수 있습니다.

thead 태그는 다음 문맥에서 사용해야합니다 : table 요소의 하위 요소, caption 요소 및 colgroup 요소 다음, tbody, tfoot 및 tr 집단.

thead 요소에는 하나 이상의 tr 태그가 있어야합니다.

thead, tbody 및 tfoot 요소는 기본적으로 테이블 레이아웃에 영향을주지 않습니다. 그러나 CSS를 사용하여 이러한 요소의 스타일을 지정할 수 있습니다.


Twitter Facebook Google+