Die Magie des tbody-Tags beschleunigt die Anzeige von Tabelleninhalten
|
Sie haben sicher schon einmal die Webseiten anderer Leute gespeichert und angesehen. Insbesondere wenn Sie sie mit dw öffnen, werden Sie feststellen, dass vielen Webseiten das Tag <tbody> hinzugefügt wurde. Es ist in dw sehr auffällig in Gelb. Was also ist <tbody>? Verwenden Sie den TBODY-Tag, um den Download von Tabellen in Zeilen zu steuern, sodass der Inhalt vor anderen Elementen auf der Webseite (z. B. Bildern) heruntergeladen werden kann. Auf diese Weise können andere zuerst den eigentlichen Inhalt der Webseite sehen, ohne so lange warten zu müssen. Fügen Sie <tbody> und </tbody> dort hinzu, wo Sie Zeilen herunterladen müssen, zum Beispiel: Code kopieren Der Code lautet wie folgt:<Tabelle> <tbody> <tr><td>Feiou-Insel</td></tr> <tr><td>Feiou-Insel</td></tr> </tbody> <tbody> <tr><td>Feiou-Insel</td></tr> <tr><td>Feiou-Insel</td></tr> </tbody> </Tabelle> Verwendung des Tbody-Tags Die vom Internet Explorer unabhängig eingeführten und von der HTML3.0-Spezifikation unterstützten Tabellenattribute sind: <THEAD> - gibt den Tabellenkopf an <TBODY> - gibt den Tabellenkörper an <TFOOT> - gibt den Tabellenfuß an <COLGROUP> - wird zum Gruppieren von Spaltenausrichtungen verwendet <COL> - wird verwendet, um die Ausrichtung einzelner Spalten festzulegen Nachfolgend sehen Sie ein Beispiel, das ich erstellt habe. Es ist recht kompliziert und Sie können es sich ansehen. Der Haupteinsatzzweck dieser Eigenschaften liegt in SCRIPT-gesteuerten dynamischen Effekten. Code kopieren Der Code lautet wie folgt:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <KOPF> <TITLE> Neues Dokument </TITLE> <meta http-equiv="Inhaltstyp" content="text/html; charset=gb2312"> </KOPF> <BODY BGCOLOR="FFFFFF"> <Tabellenrahmen Rahmen=Seiten Regeln=Spalten> <COL ALIGN=links> <COLGROUP SPAN=3 ALIGN=Mitte VALIGN=Mitte> <THEAD BGCOLOR="#FF0000"> <BESCHRIFTUNGSAUSRICHTUNG=zentriert><SCHRIFTGRÖSSE=+1><B> Ein Abschnitt der Vergleichstabelle </CAPTION> <TR> <TD><B>Element<B></TD><TD><B>Internet Explorer</B></TD> <TD><B>Netscape</B></TD><TD><B>Mosaik</B></TD> </TR> </Kopf> <TBODY BGCOLOR="#33CCFF"> <TR> <TD><B></TD><TD>X</TD><TD>X</TD><TD>X</TD> </TR> <TR> <TD><BASIS …></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> … ZIEL</TD><TD>X</TD><TD>X</TD><TD></TD> </TR> <TR> <TD><BASISSCHRIFTART …></TD><TD>X</TD><TD>X</TD><TD></TD> </TR> <TR> <TD VALIGN=top> ...GRÖSSE</TD><TD>X <SCHRIFTGRÖSSE=-1> (nur sichtbar wenn FONT GRÖSSE= gebraucht auch)</FONT></TD><TD VALIGN=top>X</TD> <TD></TD> </TR> <TR> <TD> ...GESICHT</TD><TD>X</TD><TD></TD><TD></TD> </TR> <TR> <TD VALIGN=top><BGSOUND ...></TD><TD VALIGN=top>X</TD> X <FONT SIZE=-1>(erzeugt Spieler für .mid-Dateien) </TR> </TBODY> <TFOOT BGCOLOR="#6699CC"> <TR> <TD> …</TD><TD>[…</TD><TD>…]</TD><TD>…</TD> </TR> <Bildunterschrift ausrichten=unten><Schriftgröße=+1><B> Dies ist <TFOOT>-Inhalt</B></FONT> </CAPTION> </TFOOT> </TABLE> </BODY> </HTML> Es soll die Kontrolle über den Tisch verbessern, aber nach vielen Experimenten bin ich zu dem Schluss gekommen, dass es nutzlos ist. ================================= 1. DW generiert überhaupt keinen Tbody-Code. 2. DW erkennt überhaupt keinen Tbody-Code. ================================= Wenn der Tbody-Code nicht von Hand geschrieben wird, wird der Tbody-Code erst generiert, wenn Sie eine Webseite mit IE5 öffnen und als Datei speichern. Dies geschieht durch die Tabelle in Ihrer gespeicherten Datei. (Auch wenn Ihre Tabelle überhaupt keinen Tbody-Code enthält, wird dieser vom Internet Explorer beim Speichern unter generiert.) Sie können eine Tabelle erstellen, diese mit dem Internet Explorer öffnen und dann unter „Speichern“ speichern und sich den Code der gespeicherten Datei ansehen. (Das ist zu viel!!!) ================================= Es kann davon ausgegangen werden, dass nur IE5+ tbody erkennen kann ================================= Ich weiß nicht, ob FP Tbody generieren kann. Ich habe es nicht benutzt. |
<<: Detaillierte Erklärung zur Verwendung von Element-Plus in Vue3
>>: So erstellen Sie einen Tabellenindex in MySQL
Artikel empfehlen
Lösung für das Problem der MySQL-Transaktionsparallelität
Ich bin während der Entwicklung auf ein solches P...
Erstellen eines sekundären Menüs mit JavaScript
In diesem Artikelbeispiel wird der spezifische Ja...
Detaillierte Schritte zur Installation des 64-Bit-Ubuntu-Systems und des Docker-Tools auf Raspberry Pi 3B+
Wenn Sie einige 64-Bit-Anwendungen (wie 64-Bit-JD...
Detaillierte Erläuterung der Probleme und Lösungen beim flexiblen Mehrspaltenlayout
Das Flex-Layout ist zweifellos einfach und leicht...
Der gesamte Prozessbericht der Vue-Exportfunktion für Excel
Inhaltsverzeichnis 1. Front-End-Führungsprozess: ...
Detaillierte Erläuterung der asynchronen Axios-Kommunikation in Vue
1. Zuerst erstellen wir eine JSON-Datei zur inter...
Detaillierte Erläuterung der MySQL-Fremdschlüsseleinschränkungen
Amtliche Dokumentation: https://dev.mysql.com/doc...
Webdatenspeicherung: Cookie, UserData, SessionStorage, WebSqlDatabase
Plätzchen Dies ist eine Standardmethode zum Speic...
Nginx-Konfigurationsvorgang für den externen Netzwerkzugriff auf die Intranet-Site
Hintergrund: Die Site ist vom Front- und Back-End...
Methoden zur Installation und Deinstallation der virtuellen Python-Umgebung sowie aufgetretene Probleme
Ubuntu16.04: Pip installieren und deinstallieren ...
Beispielcode für CSS3 zum Erzielen eines Bildlaufleisten-Verschönerungseffekts
Der spezifische Code lautet wie folgt: /*Breite d...
Docker implementiert das erneute Taggen und Löschen des Images des ursprünglichen Tags
Die Docker-Image-ID ist eindeutig und kann ein Im...
Ein magischer MySQL-Deadlock-Troubleshooting-Datensatz
Hintergrund Apropos MySQL-Deadlock: Ich habe bere...
Backup zwischen MySQL-Datenbank und Oracle-Datenbank importieren
Importieren Sie die aus der Oracle-Datenbank expo...
Einführung in den Installationsprozess von MySQL 8.0 in einer Linux-Umgebung
Inhaltsverzeichnis Vorwort 1. Linux ändert die Yu...