더북(TheBook)

3.7.8 scope 속성

표를 생성할 때 사용할 수 있는 속성 중에서 순전히 웹 접근성 향상을 목적으로 사용하는 scope 속성이 있습니다. scope 속성은 제목을 나타내는 셀의 범위를 지정합니다. 그래서 표에서 제목을 나타내는 th 태그에서만 사용할 수 있습니다.

예를 들어, 다음 표는 ‘구분, 중간고사, 기말고사, 전공, 교양’이 전부 th 태그로 작성되는 제목이어서 제목의 범위가 명확하지 않습니다.

그림 3-38 제목 범위가 불분명한 예시

실제로 표의 제목 범위는 다음 그림처럼 인식되어야 합니다.

그림 3-39 제목의 올바른 인식 범위

이럴 때 scope 속성으로 각 th 태그의 범위를 지정하면 웹 접근성이 향상됩니다. scope 속성은 col, colgroup, row를 값으로 넣을 수 있는데, col은 열을, row는 행을 뜻하므로 속성값에 col이 들어가면 세로 방향, row가 들어가면 가로 방향이라고 생각하면 됩니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.