웹표준가이드(11)/테이블(Table)

table의 구성

 

<thead>, <tbody>, <tfoot>, <th>, <td>등을 적합하게 사용한 작업은 접근성을 높이며 효율적인 css 참조도 쉬워진다.

 

 

1. cellpadding, cellspacing / border-collapse, padding

 

	내용	예전 태그	추천 css
cellpadding	컨텐츠와 cell경계 사이의 영역	cellpadding="0"	border-collapse: collapse;
cellspacing	cell 간의 간격	cellspacing="0"	table th, table td {padding: 0;}
border	cell 경계선	border="0"	생략무방

 

 

 

 

2. 테이블 고정(table-layout: fixed)

 

width값을 정확하게 입력했는데 입력한데로 표현되지 않을 수 있다.

이때문에 <img src="blank.gif" width="100">을 이용해서 width를 강제로 고정하는 방법을 사용했었다. 이를 보완하는 것이 table-layout 속성

table { table-layout : fixed; }

 

[출처] 웹표준가이드(11)/테이블(Table)|작성자 마그리뜨

주의사항 

 

table-layout: fixed;로 width값을 조정할 경우 첫번째 줄 외에 다른 값은 무시된다.

 

[출처] 웹표준가이드(11)/테이블(Table)|작성자 마그리뜨