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

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

推薦する

ページのスクロールバーを無効にするには、overflow: hiddenを使用します。

コードをコピーコードは次のとおりです。 html {オーバーフロー: 非表示; }体{オーバーフロー...

Vueは画像切り替え効果を実現

この記事の例では、画像切り替え効果を実現するためのVueの具体的なコードを参考までに共有しています。...

LinuxはNetworkManagerを使用してMACアドレスをランダムに生成します

今では、自宅のソファーに座っていても、外の喫茶店にいても、ノートパソコンの電源を入れてWi-Fiに接...

Vueはカルーセルアニメーションを実装します

この記事では、カルーセルアニメーションを実現するためのVueの具体的なコードを例として紹介します。具...

CSS3 変換遷移ジッター問題の解決

transform: scale(); スケーリングするとIEブラウザでジッターが発生します変換スケ...

MySQLとSpringの自動コミットの詳細な説明

1 MySQLの自動コミット設定MySQL はデフォルトで自動的にコミットします。つまり、各 DML...

PhpStormがVirtualBoxに接続できない問題を解決する

問題の説明: phpstorm の SFTP ホストを 192.168.122.1 に設定すると、接...

Tomcat を設定して IntelliJ IDEA 2018 で最初の Java Web プロジェクトを実行する方法

1 Tomcatをダウンロードして起動する公式サイト http://tomcat.apache.or...

html リンク タグ タイトル属性 改行 マウス ホバー プロンプト コンテンツ 改行効果

オブジェクト上にマウスを移動したときにコンテンツ(タイトル属性の内容)を折り返す方法、HTML タイ...

Vue グローバルメソッドを設定する 2 つの方法

目次1. はじめに2. 最初の方法3. 2番目の方法要約する1. はじめにVue プロジェクトの開発...

DHTML オブジェクト (さまざまな HTML オブジェクトの共通プロパティ)

!DOCTYPE HTML ドキュメントが準拠するドキュメント型定義 (DTD) を指定します。 ...

...

MySQLデータベースに画像を保存するいくつかの方法

通常、ユーザーがアップロードした写真はデータベースに保存する必要があります。一般的に、解決策は 2 ...

vue シンプルメモ帳開発の詳しい説明

この記事では、参考までにEasy Notepadを実装するためのVueの具体的なコードを紹介します。...

権限の問題によりMySQLの設定ファイルmy.cnfを起動できない問題の解決方法

この記事では、権限の問題により MySQL 構成ファイル my.cnf を起動できない場合の関連する...