테이블 태그의 올바른 코딩법!!
로빈아빠
본문
잘못된 예)
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td></td>
</tr>
</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 가 있습니다.
이들 요소가 테이블 태그를 보다 완전하게 사용할 수 있도록 도와줍니다.
rules="값" (값 = cols / rows / none / all / group)
-----표에서 셀 사이에 경계선을 설정합니다. IE 3.0 이상
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td></td>
</tr>
</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 가 있습니다.
이들 요소가 테이블 태그를 보다 완전하게 사용할 수 있도록 도와줍니다.
rules="값" (값 = cols / rows / none / all / group)
-----표에서 셀 사이에 경계선을 설정합니다. IE 3.0 이상
cols | 열 사이의 경계선만 그린다. |
rows | 행들 사이의 경계선만 그린다. |
none | 표 외곽선을 제외한 내부 셀 경계를 모두 지운다. |
all | 표 외곽선을 포함한 내부 셀 경계를 모두 그린다. |
group | <TBODY>, <TFOOT>등 그룹들 안의 경계선을설정 |
관련링크
댓글목록
등록된 댓글이 없습니다.