Table 은 꼭 배척당해야 하는가? > web20

그렇지 않습니다.

이 부분에 관한 저의 소신은 '제대로 써준다면 전혀 문제 없음' 입니다.
(물론 여기엔 의견이 다양하게 갈립니다.)
단, Table 을 레이아웃을 잡는 데 사용해서는 안된다고 생각합니다.
즉 전체 레이아웃의 부분적인 요소에서 표의 형태로 사용된다면
바람직하다고 여겨집니다. 현재 GR 보드 기본테마에 코멘트 부분과
목록부분은 표로 이루어져 있는데, 목록 부분은 이를 부합한다고
생각하지만 코멘트 부분은 그렇게 보기 힘듭니다. (차차 수정해야겠죠~)

테이블 태그는 보통 아래와 같이 씁니다.

<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td></td>
</tr>
</table>

그러나 위의 Table 태그는 틀렸습니다. 아래처럼 해야 합니다.

<table rules="none" summary="테이블 요약" cellspacing="0" cellpadding="0" border="0">
<caption>테이블하단제목</caption>
<thead>
<tr>
    <th></th>
</tr>
</thead>
<tbody>
<tr>
    <td></td>
</tr>
</tbody>
</table>

위의 테이블에 비해 아래 테이블에는 못보던 요소가 눈에 띕니다.
rules 와 summary , caption 과 th, thead, tbody 가 그것인데
이들 요소가 테이블 태그를 보다 완전하게 사용할 수 있도록 도와줍니다.
다른 곳에서 사용되는 예를 찾을 필요 없습니다. GR보드 테마들을 보면
위와 같이 되어 있습니다. 소스보기를 통해서 확인하실 수도 있겠네요.

아무튼, 테이블 태그는 웹표준에 배척되지 않습니다.
그러나 필요할 때, 제대로 사용되어야 함은 물론입니다.
테이블 안에 또 테이블, 그 안에 테이블 또 그 안에 테이블...
이런 습관은 이제 버려야 합니다. 브라우저 렌더링 속도도 심각하게 느려지지만
제작과 유지가 쉽지도 않습니다. 더 쉽게, 더 편하게 작업하기 위해
fieldset, div 등의 그룹핑 태그나 블럭을 잡아주는 태그를 적극적으로
활용해 봅시다~!

===========================================================================

명쾌한 설명 감사드립니다.
참 tbody의 내용이 비어있으면 웹표준 검사에서 실패하더라구요
(전에 글이 없을 때 표준 준수를 하지 않는다고 말씀드린 것과 같은 이유;; )

===========================================================================

표준 검사에 너무 목매달지 마시길 바랍니다.
제가 본 수많은 사람들은 표준검사에 너무 의존적이었습니다.
현재 불고 있는 Ajax 등의 피쳐링과는 대조적으로, 웹표준은 정말
기초를 이야기하고 있기 때문에 검사받는 마음이라는 건 이해합니다.
그러나 우선은 vaild 통과보다 어떻게 쉽게 접근하고 잘 활용할 것인지부터
고민해 보았으면 좋겠습니다. ^^;

참, 위의 Table 예제는 xhtml 1.0 strict 를 기준으로 합니다~.

===========================================================================

말씀하신 대로 표준에 부합하는 코드로 Table을 짜면 되겠네요.
달력 등 스케쥴관리 쪽엔 오히려 Table이 더 효율적이지 않겠습니까.

출처 : 시리니닷넷