HTML thead タグの定義と使用法の詳細な紹介

HTML thead タグの定義と使用法の詳細な紹介

コードをコピー
コードは次のとおりです。

<thead> <!– 最初の 2 行をヘッダー領域として扱います–>
<tr>
<td rowspan=”2″></td>
<td rowspan=”2″></td>
<td rowspan=”2″></td>
<td colspan=”3″></td>
<td スコープ=”col” 列スパン=”2″ 行スパン=”2″></td>
</tr>
</thead>

このコード内のコメント <thead> <!– 最初の 2 行をヘッダー領域として扱う –> で、最初の 2 行がヘッダー領域として扱われると書かれているのはなぜでしょうか。thead 要素自体がデフォルトで 2 行になっているということでしょうか。それとも何か他の理由があるのでしょうか?
また、scope="col" はスコープを列にロックすることを意味しますか?これをやる意味は何ですか?
これは rowspan="2" と組み合わせる必要があります。thead は単にテーブル ヘッダーを表します。

HTML <thead> タグ<br />定義と使用法:
<thead> タグはテーブル ヘッダーを定義します。このタグは、HTML テーブルのヘッダー コンテンツをグループ化するために使用されます。
thead 要素は、tbody 要素および tfoot 要素と組み合わせて使用​​する必要があります。
tbody 要素は HTML テーブル内の本文コンテンツをグループ化するために使用され、tfoot 要素は HTML テーブル内のキャプション (フッター) コンテンツをグループ化するために使用されます。
注意: thead、tfoot、tbody 要素を使用する場合は、すべてを使用する必要があります。これらは thead、tfoot、tbody の順序で表示されるため、ブラウザはすべてのデータを受信する前にフッターをレンダリングできます。これらのタグはテーブル要素内で使用する必要があります。
ヒント: デフォルトでは、これらの要素はテーブルのレイアウトに影響しません。ただし、CSS を使用してこれらの要素によってテーブルの外観を変更することができます。
詳細な説明:
thead、tfoot、tbody 要素を使用すると、テーブル内の行をグループ化できます。テーブルを作成するときは、ヘッダー行、データを含むいくつかの行、および下部の合計行が必要になるでしょう。この分割により、ブラウザはテーブル ヘッダーとフッターとは独立してテーブル本体のスクロールをサポートできるようになります。長いフォームを印刷する場合、テーブル データを含む各ページにテーブル ヘッダーとフッターが印刷されることがあります。
例: thead、tbody、tfoot 要素を含む HTML テーブル:

コードをコピー
コードは次のとおりです。

<表の境界線="1">
<頭>
<tr>
<th>月</th>
<th>貯蓄</th>
</tr>
</thead>
<tfoot>
<tr>
<td>合計</td>
<td>180ドル</td>
</tr>
</tfoot>
<t本文>
<tr>
<td>1月</td>
<td>100ドル</td>
</tr>
<tr>
<td>2月</td>
<td>80ドル</td>
</tr>
</tbody>
</テーブル>

<<:  ウェブページ作成のテスト問題を全て解けますか?

>>:  GaussDB for MySQL パフォーマンス最適化の詳細な説明

推薦する

AngularでTweenMaxアニメーションライブラリを使用する際の問題と解決策

最近何もすることがないのでCSSをいじっていますより良いアニメーションライブラリTweenMaxを見...

vue.jsは画像のURLに従って画像をダウンロードします

最近、フロントエンドの vue.js ドッキング機能モジュールに取り組んでいたとき、画像をダウンロー...

Vue で配列をクリアするいくつかの方法 (要約)

目次1. はじめに2. データを消去するいくつかの方法2.1 ref() の使用2.2 スライスの使...

Windows 10 インストール vmware14 チュートリアル図

ソフトウェアのダウンロードソフトウェアのダウンロード リンク: https://pan.baidu....

MySQL ロック(テーブルロック、行ロック、共有ロック、排他ロック、ギャップロック)の詳細な説明

現実世界では、鍵は外の世界から身を隠したいときに使用するツールです。コンピュータでは、複数のプロセス...

JavaScript でじゃんけんゲームを書く

この記事では、JavaScriptでじゃんけんゲームを書くための具体的なコードを参考までに紹介します...

MySQLのダウンロードとインストールのプロセスの詳細な説明

1: MySqlをダウンロードする公式サイトのダウンロードアドレス: https://dev.mys...

初心者向けウェブサイト構築チュートリアルの概要

これら 6 つの記事を書いた後、私は少し混乱し始めました。次にどこに書けばいいのか分かりません。ドメ...

MySQL トリガー: 複数のトリガー操作の作成例の分析

この記事では、例を使用して、MySQL で複数のトリガー操作を作成する方法について説明します。ご参考...

SQL インジェクションのある Web サイトを見つける方法 (必読)

方法 1: Google の詳細検索を使用します。たとえば、次に示すように.asp?id=9などの ...

Innodb システムテーブルスペースのメンテナンス方法

環境説明:実行中の MySQL 環境があります。以前の構成ファイルの設定が単純すぎたため (inno...

Vueバインディングオブジェクトと配列変数を変更した後にレンダリングできない問題の解決策

プロジェクトシナリオ:ページ表示には <ul> タグがあります。リストデータを動的に表示...

ウェブページレイアウトに関する9つのヒント

<br />関連記事: Web コンテンツ ページ作成に関する 9 つの実用的な提案 W...

VUEはトークンログイン認証を実装

この記事では、トークンログイン認証を実装するためのVUEの具体的なコードを例として紹介します。具体的...

...