HTML <th>: 표 헤더 칸 요소

HTML <th> 요소는 표의 헤더를 구성하는 칸을 정의합니다.

<table>
  <caption>우리 매장 원산지 표기</caption>
  <thead>
    <tr>
      <th>종류</th>
      <th>품목</th>
      <th>원산지</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th rowspan="3">과일</th>
      <td>사과</td>
      <td rowspan="2">국산</td>
    </tr>
    <tr>
      <td>배</td>
    </tr>
    <tr>
      <td>파인애플</td>
      <td>수입산</td>
    </tr>
    <tr>
      <th>곡물</th>
      <td>쌀</td>
      <td>국산</td>
    </tr>
    <tr>
      <th>해산물</th>
      <td>고등어</td>
      <td>원양산</td>
    </tr>
  </tbody>
</table>

th,
td {
  border: 1px solid #777;
  padding: 8px;
}

th {
  background: #efefef;
  color: #333;
}

특성

전역 특성을 포함합니다.

abbr

이 칸의 콘텐츠를 짧게 축약한 설명입니다. 스크린 리더를 포함한 일부 사용자 에이전트는 콘텐츠를 표현하기 전에 이 값을 먼저 읽습니다.

colspan

이 칸이 차지해야 하는 열의 수입니다. 기본 값은 1입니다. 자연수가 아니거나 1000을 초과하는 값은 유효하지 않으며 기본 값(1)을 대신 사용합니다.

headers

이 칸을 설명하는 다른 <th> 요소들의 id를 가리키는 쉼표 구분 리스트입니다.

rowspan

이 칸이 차지해야 하는 행의 수입니다. 기본 값은 1입니다. 0을 지정할 경우 자신이 속한 테이블 구획(<thead>, <tbody>, <tfoot>, 암시적으로 생성되는 경우도 포함)의 끝까지 확장됩니다. 65534를 초과하는 값을 지정하면 65534를 대신 사용합니다.

scope

이 헤더가 어느 범위의 칸을 설명하는지 지정하는 열거형 특성입니다. 다음 값 중 하나를 사용합니다.

• row: 이 헤더가 속하는 행의 모든 칸을 설명합니다.
• col: 이 헤더가 속하는 열의 모든 칸을 설명합니다.
• rowgroup: 이 헤더는 행 그룹에 속하며, 그 그룹에 속한 다른 칸들을 설명합니다. <table>의 dir 특성에 따라서 헤더를 다른 칸들의 왼쪽이나 오른쪽에 배치할 수 있습니다.
• colgroup: 이 헤더는 열 그룹에 속하며, 그 그룹에 속한 다른 칸들을 설명합니다.

scope 특성을 지정하지 않았거나 유효하지 않은 값을 사용한 경우, 이 헤더가 설명할 칸의 범위를 브라우저가 자동으로 판단합니다.

명세

HTML Living Standard

브라우저 호환성

같이 보기

• 표를 구성하는 요소
  • 제목/설명: <caption>
  • 열: <col>
  • 열 그룹: <colgroup>
  • 컨테이너: <table>
  • 본문: <tbody>
  • 데이터 칸: <td>
  • 푸터: <tfoot>
  • 헤더: <thead>
  • 행: <tr>