The magic of tbody tag speeds up the display of table content
|
You must have saved other people’s web pages and looked at them before, especially when you open them with dw, you will see that many web pages have the tag <tbody> added to them. It is very conspicuous in yellow in dw, so what is <tbody>? Use the TBODY tag to control the download of tables in rows, so that the content can be downloaded before other things on the web page (such as pictures). This allows others to see the substantive content of the web page first without having to wait so long. Add <tbody> and </tbody> where you need to download rows, for example: Copy code The code is as follows:<table> <tbody> <tr><td>Feiou Island</td></tr> <tr><td>Feiou Island</td></tr> </tbody> <tbody> <tr><td>Feiou Island</td></tr> <tr><td>Feiou Island</td></tr> </tbody> </table> Usage of tbody tag The table attributes introduced by IE independently and supported by the HTML3.0 specification are: <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 is quite complicated and you can take a look at it. The main use of these properties is 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 </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><BASE ...></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><BASEFONT ...></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><BGSOUND ...></TD><TD VALIGN=top>X</TD> X <FONT SIZE=-1>(will spawn player for .mid files) </TR> </TBODY> <TFOOT BGCOLOR="#6699CC"> <TR> <TD> ...</TD><TD>[...</TD><TD>...]</TD><TD>...</TD> </TR> <CAPTION ALIGN=BOTTOM><FONT SIZE=+1><B> This is <TFOOT> content</B></FONT> </CAPTION> </TFOOT> </TABLE> </BODY> </HTML> tbody is said to enhance the control over the table, but after many experiments I have found it to be of no use. ================================= 1. DW does not generate tbody code at all 2. DW does not recognize tbody code at all ================================= If the tbody code is not written by hand, only when you open a web page with IE5 and save it as a file, the table in your saved file will generate the tbody code. (Even if your table does not have tbody code at all, IE5 will generate it for you when you save it as) You can make a table, open it with IE and then save it as, and look at the code of the file you saved. (This is too much!!!) ================================= It can be assumed that only IE5+ can recognize tbody ================================= I don't know if FP can generate tbody. I haven't used it. |
<<: Detailed explanation of how to use element-plus in Vue3
>>: How to construct a table index in MySQL
Recommend
VMware ESXi installation and use record (with download)
Table of contents 1. Install ESXi 2. Set up ESXi ...
CentOS8 installation tutorial of jdk8 / java8 (recommended)
Preface At first, I wanted to use wget to downloa...
Detailed explanation of the usage of Object.assign() in ES6
Table of contents 2. Purpose 2.1 Adding propertie...
How to set font color in HTML and how to get accurate font color in HTML using PS
1. HTML font color setting In HTML, we use the fo...
How to install MySQL Community Server 5.6.39
This article records the detailed tutorial of MyS...
Detailed examples of using JavaScript event delegation (proxy)
Table of contents Introduction Example: Event del...
Analysis of Difficulties in Hot Standby of MySQL Database
I have previously introduced to you the configura...
Detailed explanation of react setState
Table of contents Is setState synchronous or asyn...
js implements a simple calculator
Use native js to implement a simple calculator (w...
The complete process of iptables rules in Docker being lost after iptables restart
Causes and consequences 1. When using the ansible...
Limit HTML text box input to only numbers and decimal points
Code: <input type="text" class="...
Vue implements the question answering function
1. Request answer interface 2. Determine whether ...
Docker connection mongodb implementation process and code examples
After the container is started Log in to admin fi...
Build a stable and highly available cluster based on mysql+mycat, load balancing, master-slave replication, read-write separation operation
Database performance optimization generally adopt...
The viewport in the meta tag controls the device screen css
Copy code The code is as follows: <meta name=&...