HTML td scope 속성

온라인 예시

아래의 예시는 두 개의 <th> 요소를 열 제목으로 지정하고, 두 개의 <td> 요소를 행 제목으로 지정합니다：

<table　style="width:100%"　border="1">
　　<tr>
　　　　<th>编号</th>
　　　　<th　scope="col">月份</th>
　　　　<th scope="col">저축</th>
　　</tr>
　　<tr>
　　　　<td scope="row">1</td>
　　　　<td>一月</td>
　　　　<td>3100</td>
　　</tr>
　　<tr>
　　　　<td scope="row">2</td>
　　　　<td>二月</td>
　　　　<td>2180</td>
　　</tr>
</table>

브라우저 호환성

IEFirefoxOperaChromeSafari

scope 속성은 일반 웹 브라우저에서 시각적 효과가 없지만, 스크린 리더를 통해 사용할 수 있습니다.

정의 및 사용법

HTML5 <td> scope 속성은 지원되지 않습니다.

scope 속성은 테이블 내 헤더 단위와 데이터 단위 간의 연결 방법을 정의합니다.

scope 속성은 특정 단위가 열, 행, 열 그룹, 또는 행 그룹의 헤더인지를 표시합니다.

문법

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

속성 값