테이블 표준
<table rules="groups" summary="교육센터의 교육과정명, 교육비, 정원 등의 자료">
-> rules="groups" 열을 그룹화한 영역에 테두리 지정할경우.
-> summary 테이블 필드의 항목 소개
<caption>교육과정</caption> -> 테이블의 내용을 대표할 수 있는 제목
<col id="curriculum" />
<col id="cost" />
</colgroup>
<col id="limit" />
->교육과정, 교육비는 논리적으로 그룹화
<thead>
<tr>
<th scope="col">교육과정</th>
<th scope="col">교육비</th>
<th scope="col">정원</th>
</tr>
</thead>
<tfoot>
<tr>
<td>평균교육비</td>
<td colspan="2">700,000</td>
</tr>
</tfoot>
-> 헤더, 푸터는 테이블에서 한번만 사용.
-> 선언순서는 thead, tfoot, tbody 순서임.
-> thead 다음에 tfoot이 위치하여 시각장애인이 순차적으로 모든 테이터를 읽지않아도 먼저 알수있음.
<tbody>
<tr>
<th scope="row">웹 접근성 향상 전략</th>
<td>600,000</td>
<td>20명</td>
</tr>
<tr>
<th scope="row">웹 접근성 향상 전략2</th>
<td>700,000</td>
<td>30명</td>
</tr>
<tr>
<th scope="row">웹 접근성 향상 전략3</th>
<td>800,000</td>
<td>22명</td>
</tr>
</tbody>
-> scope 로 영 제목, 행 제목을 지정하면 음성브라우저 접근후 읽어줄때 순서가
교육과정 : 웹접근성 향상전략 => 교육비 : 600,000 => 정원 : 20명... 의 순이다.
</table>