1. ホーム
  2. Web制作
  3. HTML/Xhtml

テーブルコンテンツの表示を高速化するtbodyタグの美点

2022-01-16 06:35:39
特にdwで開いたときに、多くのWebページが<tbody>を追加していることがわかります。このタグ、dwの黄色は非常に目立つので、<tbody>とは何なのか、他の人のWebページを保存している必要があります。
  TBODYこのタグは、フォームのブランチダウンロードを制御することができます、あなたは他の人が最初にページの実質的な内容を見ることができるように、最初にダウンロードしたWebページ内の他のもの(写真など)よりものコンテンツは、そう長く待つ必要はありませんが、必要で分岐するダウンロード例えば、 <の追加でtbody&gtと&tbody&gt; 。
コピーコード
コードは以下の通りです。

<table>
<tbody>
<tr><td>Flying Gull Island</td></tr>
<tr><td>Flying Gull Island</td></tr>
</tbody>
<tbody>
<tr><td>Flying Gull Island</td></tr>
<tr><td>Flying Gull Island</td></tr>
</tbody>
</table>

tbodyタグの使用方法
IEで別途導入され、HTML3.0仕様でサポートされたテーブル属性は以下の通りです。
<THEAD> - テーブルの頭を指定します。
<TBODY> - テーブルの本文を指定します。
<TFOOT> - テーブルフッターを指定します。
<COLGROUP> - 列の整列をグループ化するために使用します。
<COL> - 個々の列の整列を指定するために使用します。
以下は私が作った例で、かなりうっとうしいので、お友達は見てみてください。これらの属性の主な用途は、やはりSCRIPT駆動のダイナミックエフェクトに反映されます。
コピーコード
コードは以下の通りです。

<!DOCTYPE HTML PUBLIC "-/W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</HEAD>
<BODY BGCOLOR="#FFFFFF">
<TABLE BORDER FRAME=hsides RULES=cols>
<COL ALIGN=left>
<COLGROUP SPAN=3 ALIGN=center VALIGN=middle>
<THEAD BGCOLOR="#FF0000">
<CAPTION ALIGN=center><FONT SIZE=+1><B>
A section of the Comparison Table</B></FONT>
</CAPTION>
<TR>
<TD><B>Element<B></TD><TD><B>Internet Explorer</B></TD>
<TD><B>Netscape</B></TD><TD><B>Mosaic</B></TD>
</TR>
</THEAD>
<TBODY BGCOLOR="#33CCFF">
<TR>
<TD><B></TD><TD>X</TD><TD>X</TD><TD>X</TD><TD>X</TD>
</TR>
<TR>
<TD>&lt;BASE ... &gt;</TD><TD>X</TD><TD>X</TD><TD>X</TD><TD>X</TD>
</TR>
<TR>
<TD> . .HREF</TD><TD>X</TD><TD>X</TD><TD>X</TD><TD>X</TD>
</TR>
<TR>
<TD> . .TARGET</TD><TD>X</TD><TD>X</TD><TD><TD></TD>
</TR>
<TR>
<TD>&lt;BASEFONT ... &gt;</TD><TD>X</TD><TD>X</TD><TD><TD></TD>
</TR>
<TR>
<TD VALIGN=top> . .SIZE</TD><TD>X
<FONT SIZE=-1>
(ONLY visible
when FONT
SIZE= used
as well)</FONT></TD><TD VALIGN=top>X</TD>
<TD></TD>
</TR>
<TR>
<TD> . .FACE</TD><TD>X</TD><TD><TD></TD><TD></TD>
</TR>
<TR>
<TD VALIGN=top>&lt;BGSOUND ... &gt;</TD><TD VALIGN=top>X</TD>
<TD></TD><TD>X
<FONT SIZE=-1>(will spawn
player for
.mid files)</FONT></TD>
</TR>
</TBODY>
<TFOOT BGCOLOR="#6699CC">
<TR>
<TD> ... </TD><TD> [... </TD><TD>...] </TD><TD>... </TD>
</TR>
<CAPTION ALIGN=BOTTOM><FONT SIZE=+1><B>
This is &lt;TFOOT&gt; content</B></FONT>
</CAPTION>
</TFOOT>
</TABLE>
</BODY>
</HTML>

tbodyはテーブルの制御を強化すると言われていますが、いろいろ実験してみたところ、本当にあまり使い道がないですね。
=================================
I. DWはtbodyコードを全く生成しない
2、DWはtbodyコードを全く認識しない
=================================
tbodyコードは、IE5でWebページを開いたときだけ手書きで書かなければ、フォームのファイルとして保存すると、tbodyコードが生成されます。(フォームにtbodyコードがなくても、IE5で名前を付けて保存すると生成されます) フォームを作って、IEで開いてから名前を付けて保存すると、名前を付けて保存したファイルのコードが表示されます。(長文です!!!)
=================================
IE5+のみtbodyを認識できると推測されます。
=================================
FPがtbodyを生成できるかどうか、使ったことがないのでわかりません。