테이블 태그를 남용한다면 빠른 속도를 기대할 수 없습니다.
하지만 원하는 곳에 원하는 매체를 정확히 위치시킬 수 있다는 매력이 있는데요.
이럴 경우 사용되는 테이블태그에서도 최적화의 여지는 충분합니다.
아래의 예를 통해 알아봅시다.
<table>
<tr>
<td width="20%">사이트명</td>
<td width="80%">구솔미디어</td>
</tr>
<tr>
<td width="20%">성격</td>
<td width="80%">개인웹사이트</td>
</tr>
<tr>
<td width="20%">주제</td>
<td width="80%">웹사이트최적화팁공유...</td>
</tr>
</table>
<tr>
<td width="20%">사이트명</td>
<td width="80%">구솔미디어</td>
</tr>
<tr>
<td width="20%">성격</td>
<td width="80%">개인웹사이트</td>
</tr>
<tr>
<td width="20%">주제</td>
<td width="80%">웹사이트최적화팁공유...</td>
</tr>
</table>
여기서 주목할 것은 테이블을 구성하고 있는 각 셀의 그룹화입니다.
테이블의 셀이 많아지고 복잡해질 수록 셀의 그룹화는 유용하게 사용됩니다.
<table>
<colgroup>
<col width="20%" />
<col width="80%" />
</colgroup>
<tr>
<td>사이트명</td>
<td>구솔미디어</td>
</tr>
<tr>
<td>성격</td>
<td>개인웹사이트</td>
</tr>
<tr>
<td>주제</td>
<td>웹사이트최적화팁공유...</td>
</tr>
</table>
<colgroup>
<col width="20%" />
<col width="80%" />
</colgroup>
<tr>
<td>사이트명</td>
<td>구솔미디어</td>
</tr>
<tr>
<td>성격</td>
<td>개인웹사이트</td>
</tr>
<tr>
<td>주제</td>
<td>웹사이트최적화팁공유...</td>
</tr>
</table>
테이블의 각 셀에 지정된 속성을 하나로 합쳐서 사용하면 좋습니다.
<table>
<tr>
<td align="center">구솔미디어</td>
<td align="center">최적화</td>
<td align="center">표준화</td>
</tr>
<table>
<tr>
<td align="center">구솔미디어</td>
<td align="center">최적화</td>
<td align="center">표준화</td>
</tr>
<table>
아래와 같이 사용하는 것이 좋겠죠.
<table>
<tr align="center">
<td>구솔미디어</td>
<td>최적화</td>
<td>표준화</td>
</tr>
<table>
<tr align="center">
<td>구솔미디어</td>
<td>최적화</td>
<td>표준화</td>
</tr>
<table>
얼마나 아느냐보다 어떻게 생각하느냐가 중요하다.
내일은 오늘 달린만큼의 위치에서 시작된다!
내일은 오늘 달린만큼의 위치에서 시작된다!
Posted at 2006-03-24 20:21
