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アーキテクチャにおける関数呼び出しプロセスの簡単な分析

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

推薦する

ネイティブ Js で実装されたシンプルなシームレス スクロール カルーセルのサンプル コード

シンプルなシームレススクロールカルーセルには多くの抜け穴があり、後から画像を追加するのは非常に不便で...

WeChat アプレット ピッカー マルチ列セレクター (モード = multiSelector)

目次1. 効果図(複数列) 2. 通常セレクター: mode = selector、複数列セレクター...

MySQLの遅いクエリ問題の詳細な分析データ送信

例を通して、MySQL のデータ テーブル送信のクエリが遅い問題の解決策を共有しました。最近、コード...

1 つの記事で v-model とその修飾子を学ぶ

目次序文v-model の修飾子:怠け者トリム番号さまざまな入力タイプやその他の要素での v-mod...

Ubuntu ベースのディストリビューションに Microsoft TrueType フォントをインストールするチュートリアル

Linux 上の LibreOffice で Microsoft ドキュメントを開くと、フォントが少...

Dockerコンテナを終了した後も実行を継続する方法

現象:イメージを実行します (例: ubuntu14.04)。 docker run -it --r...

Xiaomi公式サイトの登録・ログイン機能を模倣するJavaScript

目次まずページレイアウトを構築する必要がありますJS関数1 JS関数2 JS関数3 JS関数4効果図...

JS ループで async と await を正しく使用する方法

目次概要(ループモード - 共通)配列と非同期メソッドを宣言して反復するforループで使用するマップ...

Web デザインの経験: 独善的な Web デザイナー

1. ゴミかクラシックか? Web テクノロジーは急速に更新されており、Web サイトのインターフェ...

リンク内の href=# はどういう意味ですか?

現在のページへのリンク。 -------------------一般的な使用法は次のとおりです。 &...

Linuxの運用と保守の基本プロセス管理と環境構成分析

目次1. プロセスの基本的な概要2. プロセスの構成要素3. プロセス環境4. プロセスステータス5...

フォーム送信ページの更新がジャンプしない

1. ソースコードの設計コードをコピーコードは次のとおりです。 <!DOCTYPE html ...

CSS3で背景画像にカラーマスクを追加する方法

以前、開発中に背景レイヤーにカラーマスクを追加する必要のあるプロジェクトに遭遇しました。ここでは、背...

行間隔が広い場合の解決策(IE では 5 ピクセル多い)

コードをコピーコードは次のとおりです。 li {幅:300px; 高さ:23px; 行の高さ:24p...