x
구솔미디어
내 사이트가 한없이 가벼워지는 그 날까지

효율적인 테이블 사용

구솔
1843 views, 0 comments, 0 trackbacks
테이블은 문자그대로 표를 만들기 위해 쓰이는 태그이지만 대부분 웹사이트의 기초공사에서 내부 인테리어 마감까지 광범위하게 사용되고 있지요.
테이블 태그를 남용한다면 빠른 속도를 기대할 수 없습니다.
하지만 원하는 곳에 원하는 매체를 정확히 위치시킬 수 있다는 매력이 있는데요.
이럴 경우 사용되는 테이블태그에서도 최적화의 여지는 충분합니다.
아래의 예를 통해 알아봅시다.
<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>

테이블의 각 셀에 지정된 속성을 하나로 합쳐서 사용하면 좋습니다.
<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>
  • 유저가 작성한 글은 그것이 인용되지 않았다면 Creative Commons Public Domain License의 적용을 받습니다.
    퍼가는 경우 저작자 표시, 비영리 목적으로 퍼가기 허용, 저작물의 변경 금지

d41d8cd98f