Record

<thead>, <tbody>, <tfoot> : 표(table)를 구성하는 요소들 본문

카테고리 없음

<thead>, <tbody>, <tfoot> : 표(table)를 구성하는 요소들

pf.styx 2024. 4. 11. 18:37

`<thead>`, `<tbody>`, `<tfoot>`는 HTML에서 표(table)를 구성하는 요소들입니다. 표를 논리적으로 세 가지 부분으로 나누어 구성할 때 사용됩니다.

1. **`<thead>` (Table Head)**:
   - `<thead>` 요소는 표의 머리글 부분을 나타냅니다.
   - 표의 첫 부분에 위치하며, 일반적으로 표의 열 제목이나 레이블을 포함합니다.
   - 브라우저가 표를 표시할 때 첫 번째 행으로 표시됩니다.

2. **`<tbody>` (Table Body)**:
   - `<tbody>` 요소는 표의 본문 부분을 나타냅니다.
   - 표의 중간 부분에 위치하며, 일반적으로 데이터 행을 포함합니다.
   - 브라우저가 표를 표시할 때 `<tbody>` 요소의 내용이 순차적으로 표시됩니다.

3. **`<tfoot>` (Table Foot)**:
   - `<tfoot>` 요소는 표의 바닥글 부분을 나타냅니다.
   - 표의 마지막 부분에 위치하며, 일반적으로 표의 합계나 요약 정보를 포함합니다.
   - 브라우저가 표를 표시할 때 마지막 행으로 표시됩니다.

표를 구성할 때 위 세 가지 요소들을 사용하여 표의 구조를 명확하게 표현할 수 있습니다. 이는 HTML을 읽는 사람들에게 표의 구조를 이해하기 쉽게 하고, 스크린 리더 등의 보조 기술을 사용하는 사용자에게도 표의 구조를 전달하는 데 도움이 됩니다.