나의 최근 관행을 바탕으로 HTML 테이블 사용에 대해 일부 독자들과 대화한 후 나는 이 기사를 쓰기로 결정했습니다. 일반적으로 나는 그들이 잘못된 정보로 인해 테이블 사용에 대한 선입견을 갖고 있다는 것을 알았습니다. 실제로 많은 사람들이 "테이블을 절대 사용해서는 안 된다고 생각합니다"라고 말하지만 이것은 완전히 잘못된 것입니다! 이 제안은 HTML 테이블을 사용하여 웹 페이지의 레이아웃을 정의하는 경우에만 적용되지만 테이블은 데이터 정보의 행과 열을 편리하게 배열하는 데 적합하며 페이지에 테이블 형식의 데이터를 표시해야 하는 경우 테이블을 사용해야 합니다! 왜 안 돼? 그러나 이 경우 일부 사람들은 테이블에 대한 특정 HTML 태그의 존재를 무시하고 이를 올바르게 사용하는 방법을 모릅니다.
HTML에는 테이블 관련 태그가 10개 있습니다. 다음은 소개가 포함된 목록이지만 먼저 HTML 4.01/XHTML 1 또는 HTML 5에서 문서가 올바르게 정의되어야 합니다.
<caption>은 테이블 제목(4, 5)을 정의합니다.
<col>은 테이블 열(4, 5)에 대한 속성을 정의합니다.
<colgroup>은 테이블 열(4, 5)의 그룹화를 정의합니다.
<table>은 테이블(4, 5)을 정의합니다.
<tbody>는 테이블 본문(4, 5)을 정의합니다.
<td>는 셀(4, 5)을 정의합니다.
<tfoot>은 표(4, 5)의 각주(하단)를 정의합니다.
<th>는 테이블의 헤더(4, 5)를 정의합니다.
<thead>는 테이블 헤더(4, 5)를 정의합니다.
<tr>은 테이블의 행(4, 5)을 정의합니다.
기본 테이블 구조는 다음과 같습니다.
제목, 머리글, 본문, 바닥글이 포함되어 있습니다. HTML 요소의 올바른 순서는 다음과 같습니다.
<테이블>
<캡션>
<머리>
<tfoot>
<몸>
<col> 및 <colgroup>을 사용하여 테이블 열이나 그룹 열을 정의할 수도 있습니다.
<테이블>
<캡션>
<열그룹>
<열>
<머리>
<tfoot>
<몸>