최근의 일부 관행과 HTML 양식의 사용에 대해 일부 독자와 의사 소통 한 후이 기사를 작성하기로 결정했습니다. 전반적으로, 나는 오해의 소지가있는 정보로 인해 테이블을 사용하는 것에 대한 선입견을 가지고 있음을 알았습니다. 사실, 많은 사람들은 내가 형태를 사용해서는 안된다는 진술을 본다고 말할 것입니다. 그러나 이것은 절대적으로 잘못입니다! 이 제안은 HTML 테이블을 사용하여 웹 페이지의 레이아웃을 정의하기위한 것이지만 테이블은 데이터 정보의 행과 열의 편리한 배열에 적합하며 페이지에 테이블 열 데이터를 표시 해야하는 경우 사용해야합니다! 왜 안 돼? 그러나이 경우 일부 사람들은 테이블에 사용되는 특정 HTML 태그의 존재를 무시하고 올바르게 사용하는 방법을 모릅니다.
HTML에는 10 개의 테이블 관련 태그가 있습니다. 다음은 소개가있는 목록입니다. 그러나 먼저 문서는 HTML 4.01/XHTML 1 또는 HTML 5 아래에 올바르게 정의되어야합니다.
기본 테이블 구조는 다음과 같습니다.
제목, 머리, 신체 및 바닥이 포함되어 있습니다. HTML 요소의 올바른 순서는 다음과 같습니다.
<col> 및 <colgroup>을 사용하여 테이블 또는 그룹 열의 열을 정의 할 수도 있습니다.
다음은 테이블 구조의 올바른 예입니다.
<테이블 테두리 = 1> <caption> 테이블 캡션 </caption> <ColGroup span = 1 style = back 바닥 글-> <tfoot> <tr> <td> foot 1 </td> <td> foot 2 </td> <td> foot 3 </td> </tfoot> <!-테이블 바디-> <tbody> <tr> <td> a </td> <td> b </td> <td> c </td> </td> <td> </td> <td> e </td> <td> f </td> </td> </tbody> </table>
브라우저의 결과는 아래 그림에 나와 있습니다.
현재까지 옹호 된 성능 및 구조 분리의 개발 모델을 실현하기 위해 프론트 엔드 관찰은 페이지의 프리젠 테이션 레이어와 관련된 모든 것을 CSS에 의해 제어 할 것을 권장하며 HTML이 제공 한 속성을 사용하여 페이지의 성능을 제어하지 않으며 테이블을 가장 쉽게 무시할 수 있습니다.
테이블에 대한 자세한 내용은 W3C 문서를 확인하십시오 : W3 테이블 소개
마지막으로, 나는 당신에게 아주 간단한 질문을 남길 것입니다. CSS의 어떤 속성이 테이블의 셀 패딩 속성과 동일합니까?