본문 바로가기

웹표준화/실용예제로 배우는 웹표준

테이블_헤더와 데이터 정보간의 관계 맺어주기

------------------------------------------------------------------
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
  <th id="first">동물</th>
  <th id="second">종류</th>
  <th id="third">사는곳</th>
 </tr>
 <tr>
  <td headers="first">사자</td>
  <td headers="second">육식동물</td>
  <td headers="third">초원지대</td>
 </tr>
 <tr>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
  <td>&nbsp;</td>
 </tr>
</table>
------------------------------------------------------------------
적용시 스크린리더는 "동물:사자, 종류:욱식동물, 사는곳:초원지대" 이런식으로 읽어 내려간다.