web standard/tag2008. 7. 29. 10:28

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;

}




주의사항


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


'web standard > tag' 카테고리의 다른 글

embed태그  (0) 2011.02.06
object를 이용한 플래시 삽입  (0) 2010.04.28
textarea 컨트롤  (0) 2008.11.04
올바른 마크업을 위한 준수사항  (0) 2008.07.29
ul과 ol 과 dl  (0) 2008.07.29
Posted by 수라