The clever use of tbody tag to speed up the display of table content

Time:2021-5-7

You must have saved other people’s web pages, especially when you open them in DW, you will see that many web pages are tagged with < tbody >, which is very conspicuous in DW, so what is < tbody >?
With the tag tbody, you can control the download of the form in different branches, so that the content can be downloaded earlier than other things (such as pictures) in the web page. In this way, people can see the substantive content of the web page first, and they don’t have to wait so long. Add < tbody > and < / tbody > where they need to download the form in different branches, for example:

Copy code

The code is as follows:

<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>

Usage of tbody tag

The following table attributes are independently developed by IE and supported by html3.0
<THEAD> – specifies the Table head
<TBODY> – specifies the Table body
<TFOOT> – specifies the Table footer
<COLGROUP> – used to group column alignments
<COL> – used to specify individual column alignments
The following is an example I made. It’s boring. Friends can have a look. The main purpose of these attributes can only be reflected in script driven dynamic effects.

Copy code

The code is as follows:

<!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>
</TR>
<TR>
<TD>&lt;BASE …&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> …TARGET</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> …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>
</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 is said to strengthen the control of the table, but after many experiments, it is useless.
=================================
1、 DW does not generate tbody code at all
2、 DW doesn’t recognize tbody code at all
=================================
If you don’t write tbody code by hand, only when you open a web page with IE5 and save it as a file, your saved as file form will generate tbody code( Even if your form has no tbody code at all, IE5 will generate it for you when you save it as.) you can make a form, open it with ie, and then save it as to see the code of the file you save as( Long winded
=================================
It can be considered that only IE5 + can recognize tbody
=================================
I don’t know if FP can generate tbody. I didn’t use it.