HTML의 테이블 태그(테이블)에 대한 심층적인 이해-HTML 튜토리얼-php.cn

집

웹 프론트엔드

HTML 튜토리얼

HTML의 테이블 태그(테이블)에 대한 심층적인 이해

PHPz

Apr 02, 2017 am 10:01 AM

html

테이블(테이블)은 오랫동안 모두가 사용해 온 태그입니다. 그러나 현재 웹사이트 개편으로 인해 사용을 권장합니다. 많은 친구들은 테이블을 사용하는 것이 표준이 아니라고 잘못 생각합니다. 실제로는 테이블이 중요한 요소가 아닙니다. 얼마 전 테이블에 포함된 메인 태그를 찾기 위해

테이블은 오래전부터 누구나 사용하던 태그이고, 지금도 사용되고 있다. 현재 웹사이트 재구성에서는 모든 사람들이 레이아웃을 위해 테이블을 사용하지 않는 것이 좋습니다. 많은 친구들은 테이블을 사용하는 것이 소위 비표준이라고 잘못 생각합니다. 중요한 요소.
얼마 전 테이블에 담긴 메인 태그를 찾다가 발견해서 모두에게 공유하게 됐어요.
테이블 태그에는 주로 table, caption, th, tr, td, thead, tfoot, tbody, col, colgroup 태그가 포함됩니다. 각 태그의 소개는 다음과 같습니다.

table 태그는 정의할 수 있습니다. 테이블.

태그 안에는 표 제목, 표 행, 표 열, 표 셀 및 기타 표를 배치할 수 있습니다.

테이블에 행을 정의합니다.

테이블의 헤더를 정의합니다.
thead, tfoot 및 tbody 요소를 사용하면 테이블의 행을 그룹화할 수 있습니다. 테이블을 생성할 때 머리글 행, 데이터가 포함된 일부 행, 하단에 총계 행을 두고 싶을 수도 있습니다. 이 분할은 브라우저에 표 머리글 및 바닥글과 관계없이 표 본문 스크롤을 지원하는 기능을 제공합니다. 긴 표를 인쇄할 때 표 머리글과 바닥글은 표 데이터가 포함된 각 페이지에 인쇄될 수 있습니다.

테이블 본문(텍스트)을 정의합니다.
태그를 사용하여 표를 별도의 섹션으로 나눕니다. 태그는 테이블에 있는 하나 이상의 행을 그룹화합니다.
테이블에 하나 또는 두 개 이상의 태그를 포함할 수 있지만 테이블에는 태그가 없는 것이 좋습니다.
태그에서는 태그만 테이블 행을 정의할 수 있습니다. 그리고 일단 정의되면 태그는 테이블의 독립적인 부분이 됩니다. 예를 들어, 하나의 에서 다른 로 이동할 수 없습니다.
thead, tfoot 및 tbody 요소를 사용하면 테이블의 행을 그룹화할 수 있습니다. 테이블을 생성할 때 머리글 행, 데이터가 포함된 일부 행, 하단에 총계 행을 두고 싶을 수도 있습니다. 이 분할은 브라우저에 표 머리글 및 바닥글과 관계없이 표 본문 스크롤을 지원하는 기능을 제공합니다. 긴 표를 인쇄할 때 표 머리글과 바닥글은 표 데이터가 포함된 각 페이지에 인쇄될 수 있습니다.

테이블의 바닥글(각주)을 정의합니다.
thead, tfoot 및 tbody 요소를 사용하면 테이블의 행을 그룹화할 수 있습니다. 테이블을 생성할 때 머리글 행, 데이터가 포함된 일부 행, 하단에 총계 행을 두고 싶을 수도 있습니다. 이 분할은 브라우저에 표 머리글 및 바닥글과 관계없이 표 본문 스크롤을 지원하는 기능을 제공합니다. 긴 표를 인쇄할 때 표 머리글과 바닥글은 표 데이터가 포함된 각 페이지에 인쇄될 수 있습니다.

테이블에 있는 하나 이상의 열에 대한 속성 값을 정의합니다. 이 속성은 테이블이나 열 그룹에서만 사용할 수 있습니다.

테이블 열의 그룹화를 정의합니다. 이 요소를 사용하면 서식 지정을 위해 열을 그룹화할 수 있습니다. 이 요소는