tbodyタグの魔法はテーブルコンテンツの表示を高速化します

tbodyタグの魔法はテーブルコンテンツの表示を高速化します
他の人のウェブページを保存して見たことがあると思いますが、特にdwで開くと、多くのウェブページに<tbody>タグが追加されていることがわかります。dwでは黄色で非常に目立ちますが、<tbody>とは何でしょうか?
TBODY タグを使用して行内のテーブルのダウンロードを制御し、Web ページ上の他のコンテンツ (画像など) よりも先にコンテンツをダウンロードできるようにします。これにより、他のユーザーは Web ページの実質的なコンテンツを、それほど待たずに最初に見ることができます。行をダウンロードする必要がある場所に <tbody> と </tbody> を追加します。例:

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

<テーブル>
<t本文>
<tr><td>フェイオウ島</td></tr>
<tr><td>フェイオウ島</td></tr>
</tbody>
<t本文>
<tr><td>フェイオウ島</td></tr>
<tr><td>フェイオウ島</td></tr>
</tbody>
</テーブル>


tbodyタグの使用

IE によって独自に導入され、HTML3.0 仕様でサポートされているテーブル属性は次のとおりです。
<THEAD> - テーブルヘッダーを指定します
<TBODY> - テーブル本体を指定します
<TFOOT> - 表のフッターを指定します
<COLGROUP> - 列の配置をグループ化するために使用されます
<COL> - 個々の列の配置を指定するために使用します
以下は私が作成した例です。かなり複雑なので、見てみてください。これらのプロパティの主な用途は、SCRIPT 駆動型の動的効果に反映されます。

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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<ヘッド>
<TITLE> 新しいドキュメント </TITLE>
<meta http-equiv="コンテンツタイプ" コンテンツ="text/html; charset=gb2312">
</HEAD>
<本文BGCOLOR="#FFFFFF">
<表の境界フレーム=hsides RULES=cols>
<COL ALIGN=左>
<COLGROUP SPAN=3 ALIGN=中央 VALIGN=中央>
<THEAD BGCOLOR="#FF0000">
<キャプション配置=center><FONT SIZE=+1><B>
比較表の一部
</キャプション>
<TR>
<TD><B>要素<B></TD><TD><B>インターネット エクスプローラー</B></TD>
<TD><B>ネットスケープ</B></TD><TD><B>モザイク</B></TD>
</TR>
</ヘッド>
<TBODY BGCOLOR="#33CCFF">
<TR>
<TD><B></TD><TD>X</TD><TD>X</TD><TD>X</TD>
</TR>
<TR>
<TD>&lt;ベース...&gt;</TD><TD>X</TD><TD>X</TD><TD>X</TD>
</TR>
<TR>
<TD> ...HREF</TD><TD>X</TD><TD>X</TD><TD>X</TD>
</TR>
<TR>
<TD> ...ターゲット</TD><TD>X</TD><TD>X</TD><TD></TD>
</TR>
<TR>
<TD>&lt;BASEFONT ...&gt;</TD><TD>X</TD><TD>X</TD><TD></TD>
</TR>
<TR>
<TD VALIGN=top> ...サイズ</TD><TD>X
<フォントサイズ=-1>
(表示のみ
フォント
サイズ=使用済み

</FONT></TD><TD VALIGN=top>X</TD>
<TD></TD>
</TR>
<TR>
<TD> ...FACE</TD><TD>X</TD><TD></TD><TD></TD>
</TR>
<TR>
<TD VALIGN=top>&lt;BGSOUND ...&gt;</TD><TD VALIGN=top>X</TD>
バツ
<FONT SIZE=-1>(スポーンします
プレーヤー

.mid ファイル)
</TR>
</TBODY>
<TFOOT BGCOLOR="#6699CC">
<TR>
<TD> ...</TD><TD>[...</TD><TD>...]</TD><TD>...</TD>
</TR>
<キャプション配置=下><フォントサイズ=+1><B>
これは &lt;TFOOT&gt; コンテンツです</B></FONT>
</キャプション>
</TFOOT>
</表>
</本文>
</HTML>

tbody はテーブルのコントロールを強化すると言われていますが、多くの実験を行った結果、役に立たないことがわかりました。
=================================
1. DW は tbody コードをまったく生成しません 2. DW は tbody コードをまったく認識しません
=================================
tbody コードが手動で記述されていない場合は、IE5 で Web ページを開いてファイルとして保存した場合にのみ、保存したファイル内のテーブルによって tbody コードが生成されます。 (テーブルに tbody コードがまったく含まれていない場合でも、名前を付けて保存すると IE5 によってコードが生成されます) テーブルを作成し、IE で開いて名前を付けて保存し、保存したファイルのコードを確認することができます。 (これはやりすぎだ!!!)
=================================
IE5+のみがtbodyを認識できると想定できます。
=================================
FP が tbody を生成できるかどうかはわかりません。使っていません。

<<:  ARMアーキテクチャにおける関数呼び出しプロセスの簡単な分析

>>:  ウェブページのグリッドデザインを考える

推薦する

MySQL マルチバージョン同時実行制御 MVCC の実装

目次MVCCとはMVCC 実装MVCC はファントム リードを解決しますか? MVCCとはMVCC ...

メタを使用してトラフィックキャッシュをキャンセルし、ページにアクセスするたびにページを更新して簡単にデバッグできるようにします。

コードをコピーコードは次のとおりです。 <!-- ブラウザがローカル キャッシュからページにア...

HTML の blockquote タグの使用と美化

ブロック引用の定義と使用法<blockquote> タグは引用ブロックを定義します。 &...

mysql8.0 でユーザーを作成して権限を付与する際のエラーの解決方法の詳細な説明

質問1:エラーを報告する書き込み方法: GRANT OPTION を使用して、'123123...

Dockerプライベートウェアハウスの構築とインターフェース管理の詳細な説明

1. レジストリについて公式 Docker ハブは、パブリックイメージを管理するのに適した場所です。...

JavaScriptの強力な演算子をいくつか見てみましょう

目次序文1. ヌル合体演算子2. ??= 空代入演算子3. ?. オプション連鎖演算子4. ?: 三...

Vue3+Vite+TS は、要素プラスビジネスコンポーネントの二次カプセル化を実装します sfasga

目次1. 構造文字列2. タプルを返す3. Dict辞書にアクセスする4. 図書館を利用する5. リ...

js 配列 fill() 充填メソッド

目次1. fill() 構文2. fill() の使用3. まとめ序文:配列の初期化方法についてはよ...

MySQL5.7 マスタースレーブ構成例の分析

MySQL5.7マスタースレーブ構成の実装方法、具体的な内容は次のとおりですインストール環境:マスタ...

Linuxネットワーク構成ツールの使用

この記事では、RHEL8 のネットワーク サービスとネットワーク構成ツール、およびネットワーク ファ...

Vue のクロスドメイン問題の処理と解決策の概要

ネットワークリクエストを送信すると、次の保存情報が表示されます。おめでとうございます。ドメインを越え...

MySQL データベースを最適化する 8 つの方法の詳細な説明 (必読の定番)

導入:インターネット上にはデータベースの最適化に関する情報や方法が数多くありますが、その多くは品質に...

ウェブサイトがhttpsを有効にした後のSSLのセキュリティ構成と検出

最近のウェブサイトでは SSL を有効にするのが標準となっています。ただし、SSL を設定した後も、...

SQLはROW_NUMBER() OVER関数を使用してシーケンス番号を生成します。

構文: ROW_NUMBER() OVER(PARTITION BY COLUMN ORDER BY...

面接で聞かれる可能性のあるCSSに関する質問

この記事は、100 回書かれ、質問された CSS の質問を記念するためのものです。聞く: CSS セ...