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>

특성

전역 특성을 포함합니다.

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

브라우저 호환성

IEEdgeChromeSafariFirefox
지원121지원1
iOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
지원지원지원4지원
abbr
IEEdgeChromeSafariFirefox
지원121지원1
iOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
지원지원지원4지원
colspan
IEEdgeChromeSafariFirefox
지원121지원1
iOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
지원지원지원4지원
headers
IEEdgeChromeSafariFirefox
지원121지원1
iOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
지원지원지원4지원
rowspan
IEEdgeChromeSafariFirefox
지원121지원1
iOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
지원지원지원4지원
rowspan attribute with value 0 (extend to the end of the row group)
IEEdgeChromeSafariFirefox
미지원미지원미지원미지원지원
iOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
미지원미지원미지원지원미지원
scope
IEEdgeChromeSafariFirefox
지원121지원1
iOS SafariAndroid WebViewAndroid ChromeAndroid FirefoxSamsung Internet
지원지원지원4지원
MDN BCD에서 가져오는 데이터입니다.

같이 보기

마지막 업데이트:
이 페이지를 오프라인에서 볼 수 있습니다.

sorto.me

CC BY-SA 4.0

based on MDN (contributors)