코딩의 시작, TCP School

◀ 이전 다음 ▶

<th> 태그의 scope 속성

HTML <th> 태그 ⇒

정의 및 특징

<th> 태그의 scope 속성은 해당 헤더 셀이 관련되는 셀의 종류를 명시합니다.

일반 웹 브라우저에서는 <th> 요소에 scope 속성을 명시해도 아무런 시각적 효과도 나타나지 않지만, 스크린 리더기와 같은 장치에서는 유용하게 사용될 수 있습니다.

문법

속성값

속성값		설명
col		해당 셀이 열(column)을 위한 헤더 셀임을 명시함.
row		해당 셀이 행(row)을 위한 헤더 셀임을 명시함.
colgroup		해당 셀이 열의 그룹을 위한 헤더 셀임을 명시함.
rowgroup		해당 셀이 행의 그룹을 위한 헤더 셀임을 명시함.

예제

<table>
    <tr>
        <th></th>
        <th scope="col">면류</th>
        <th scope="col">분식류</th>
    </tr>
    <tr>
        <td>1</td>
        <td>라면</td>
        <td>떡볶이</td>        
    </tr>
    <tr>
        <td>2</td>
        <td>우동</td>        
        <td>순대</td>
    </tr>
</table>

코딩연습 ▶