html tbody 태그는 블록 수준 요소입니까? html tbody 태그의 기본 사용법-HTML 튜토리얼-php.cn

html tbody 태그는 블록 수준 요소입니까? html tbody 태그의 기본 사용법

寻∝梦

풀어 주다： 2018-09-01 17:07:19

원래의

3637명이 탐색했습니다.

이 글에서는 주로 html tbody 태그가 블록 수준 요소인지 여부와 html tbody 태그의 기본 사용법을 소개합니다. 다음으로 HTML tbody 태그에 대한 이 글을 살펴보겠습니다.

우선, 블록 수준 요소 및 인라인 요소 알아보기:

블록 수준 요소는 일반적으로 인라인 요소 및 div/와 같은 기타 블록 수준 요소를 수용할 수 있는 새 줄에서 시작합니다. 피 등 빠른 요소인 "form"은 매우 특별합니다.
인라인 요소: 인라인 요소라고도 하며 일반적으로 의미 수준에서 기본 요소는 텍스트 또는 기타 요소만 수용할 수 있습니다. 인라인 요소.

Block 요소(block 요소)와 inline 요소(inline 요소)는 모두 HTML 사양의 개념입니다. 블록 요소와 인라인 요소의 기본적인 차이점은 블록 요소가 일반적으로 새 줄에서 시작된다는 것입니다. CSS 컨트롤을 추가하면 블록 요소가 인라인 요소가 될 수 있고, 인라인 요소도 블록 요소가 될 수 있습니다.

먼저 tbody 태그가 블록 수준 요소의 표준을 충족하므로 html tbody 태그는 블록 수준 요소라고 가정하겠습니다. 어떤 사람들은 이것을 어떻게 아느냐고 물을 수도 있습니다.

tbody 태그가 어떤 태그인지부터 시작해 보겠습니다.

태그 테이블 본문(텍스트). 이 태그는 HTML 테이블의 주요 내용을 결합하는 데 사용됩니다.

tbody 요소는 thead 및 tfoot 요소와 함께 사용해야 합니다.

thead 요소는 HTML 테이블의 헤더 내용을 그룹화하는 데 사용되는 반면, tfoot 요소는 HTML 테이블의 테이블 노트(바닥글) 내용을 그룹화하는 데 사용됩니다.

참고: thead, tfoot 및 tbody 요소를 사용하는 경우 해당 요소를 모두 사용해야 합니다. thead, tfoot, tbody 순서로 나타나므로 브라우저는 모든 데이터를 받기 전에 바닥글을 렌더링할 수 있습니다. 테이블 요소 내에서 이러한 태그를 사용해야 합니다.

팁: 기본적으로 이러한 요소는 테이블 레이아웃에 영향을 주지 않습니다. 그러나 CSS를 사용하여 이러한 요소가 테이블의 모양을 변경하도록 할 수 있습니다.

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

위의 블록 수준 요소 및 인라인 요소 소개와 결합하여 tbody 태그가 블록 수준 요소인지 인라인 요소인지 확인할 수 있습니다.

이제 HTML tbody 태그의 기본 사용법에 대해 이야기해 보겠습니다.

테이블의 그룹 표시(구조화된 테이블)(IExplore 전용)

tbody 요소는 thead 및 tfoot 요소와 함께 사용해야 합니다.

행별로 그룹화

- 테이블 헤더

- 테이블 본문

.. - 테이블 각주(바닥글)

이것은 html tbody 태그를 사용하는 예입니다:

<table border> 
<thead> 
<tr><th>PHP</th><th>中文</th><th>网</th></tr> 
</thead> 
<tbody> 
<tr><td>很</td><td>实</td><td>用</td></tr> 
<tr><td>p</td><td>h</td><td>p</td></tr> 
</tbody> 
</table>

로그인 후 복사

이런 코드는 브라우저에 어떻게 나타날 수 있나요?

html tbody 태그는 블록 수준 요소입니까? html tbody 태그의 기본 사용법