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
Detaillierte Analyse der Auswahl des MySQL-Gemeinschaftsindex und des eindeutigen Index
Nehmen wir ein Benutzerverwaltungssystem an, bei ...
Einige Erfahrungen in der Selbstkultivierung von Künstlern
Da der Einfluss des Unternehmens wächst und seine...
Detaillierte Analyse der SQL-Ausführungsschritte
Detaillierte Analyse der SQL-Ausführungsschritte ...
Beispielcode für CSS-Flex-Layout mit automatischem Zeilenumbruch
Um einen Flex-Container zu erstellen, fügen Sie e...
Beispielcode zum Erzielen eines kleinen Dreiecksrahmeneffekts mit reinem CSS3+DIV
Der spezifische Code lautet wie folgt: Der HTML-C...
Schritte zum Konfigurieren von IIS10 unter Win10 und zum Unterstützen des Debuggens von ASP-Programmen
Microsoft IIS IIS (Internet Information Server) i...
Django verwendet Pillow, um einfach eine Verifizierungscodefunktion einzurichten (Python)
1. Importieren Sie das Modul und definieren Sie e...
Erläuterung zur Optimierung der Tomcat+MySQL-Konfiguration mit hoher Parallelität
1.Tomcat-Optimierungskonfiguration (1) Ändern Sie...
Vue implementiert Drag & Drop oder Klicken zum Hochladen von Bildern
In diesem Artikel wird der spezifische Code von V...
HTML-Tutorial: Sammlung häufig verwendeter HTML-Tags (6)
Diese eingeführten HTML-Tags entsprechen nicht un...
Beispiel für die Installation und Bereitstellung von Docker unter Linux
Nachdem Sie den folgenden Artikel gelesen haben, ...
Leitfaden zur effizienten Nutzung von MySQL-Indizes
Vorwort Ich glaube, die meisten Leute haben MySQL...
Linux: Fünf-Schritte-Kernel-Build-Baum
Inhaltsverzeichnis 0. Der mit dem System geliefer...
Gründe und Lösungen für die fehlende Remote-Verbindung zur MySQL-Datenbank unter CentOS7
Vorwort Ich bin kürzlich bei der Arbeit auf ein P...
Wie implementiert MySQL ACID-Transaktionen?
Vorwort Kürzlich wurde ich in einem Interview gef...