html tbody タグはブロックレベルの要素ですか? HTML tbodyタグの基本的な使い方-htmlチュートリアル-php.cn

html tbody タグはブロックレベルの要素ですか? HTML tbodyタグの基本的な使い方

寻∝梦

リリース： 2018-09-01 17:07:19

オリジナル

3669 人が閲覧しました

この記事では、HTML tbody タグがブロックレベルの要素であるかどうかと、HTML tbody タグの基本的な使い方を主に紹介します

まず、HTML tbody タグについて見てみましょう。それが何であるかを知る必要がありますブロックレベル要素とインライン要素:

ブロックレベル要素は通常、インライン要素と div などの他の一般的なブロックレベル要素を収容できる新しい行から始まります。 /p など高速要素「フォーム」は、他のブロック要素のみを収容できます
インライン要素: インライン要素とも呼ばれ、通常、インライン要素はテキストまたはその他の要素のみを収容できます。インライン要素。

Block要素（ブロック要素）とインライン要素（インライン要素）は、どちらもHTML仕様における概念です。ブロック要素とインライン要素の基本的な違いは、ブロック要素は通常新しい行で始まることです。 CSS コントロールを追加すると、ブロック要素がインライン要素になることができ、またインライン要素もブロック要素になることができます。

まず、tbody タグがブロックレベル要素の標準を満たしているため、html tbody タグはブロックレベル要素であるとしましょう。どうしてそんなことがわかるのかと尋ねる人もいるかもしれません。

tbody タグがどのようなタグであるかから始めましょう:

タグテーブル body (テキスト)。このタグは、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タグの基本的な使い方