본문 바로가기

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

테이블

<caption></caption> 을 사용하여 좀 더 의미에 맞게 한다. 사용된 데이터에 대한 설명을 빠르게 전달한다.

<table summary="~~~">summury 속성을 사용하여 좀 더 자세하게 데이블의 목적과 내용을 설명한다. (장애인에게 도움)

<th>의 장점

  1. 굵은 글꼴로 표시해준다
  2. <td>에 담긴 테이블 데이터들과 구분할 수 있다.
  3. 청각적 브라우져 사용에 용이하다.
  4. 헤더 칸과 일반 칸을 다른게 보이게 하기 위해 별도의 마크업을 할 필요가 없다
  5. 헤더와 데이터를 쉽게 구분해 볼수 있다.
  6. 스타일 적용이 용이하다.