HTML <th> scope 속성

HTML <th> 태그

정의와 사용법

scope 속성은 헤더 셀이 열, 행 또는 열 또는 행 그룹의 제목인지 정의합니다.

주의:scope 속성은 일반 웹 브라우저에서 시각적 효과가 없지만 스크린 리더에서 사용될 수 있습니다.

상세 설명

사용 scope 속성을 통해 데이터 셀과 테이블 헤더 셀을 연결할 수 있습니다.

속성 값 row를 통해 테이블 헤더 행에 포함된 모든 테이블이 테이블 헤더 셀과 연결됩니다. col을 지정하면 현재 열의 모든 셀과 테이블 헤더 셀을 연결합니다.

rowgroup와 colgroup를 사용하면单元格의 행그룹(thead, tbody 또는 tfoot 태그로 정의된) 또는 열그룹에 있는 모든 셀과 테이블 헤더 셀을 연결합니다(col 또는 colgroup 태그로 정의된).

예제

두 개의 제목 셀을 열의 제목으로 정의합니다:

<table>
  <tr>
    <th></th>
    <th scope="col">월</th>
    <th scope="col">예금</th>
  </tr>
  <tr>
    <td>1</td>
    <td>1월</td>
    <td>￥3000</td>
  </tr>
  <tr>
    <td>2</td>
    <td>2월</td>
    <td>￥4000</td>
  </tr>
</table>

직접 시도해보세요

문법

<th scope="col|row|colgroup|rowgroup">

속성 값

값 설명
col 셀을 열의 제목으로 정의합니다.
row 셀을 행의 제목으로 정의합니다.
colgroup 셀을 열 그룹의 제목으로 정의합니다.
rowgroup 셀을 행 그룹의 제목으로 정의합니다.

브라우저 지원

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
지원 지원 지원 지원 지원

HTML <th> 태그