Detaillierte Einführung in die Definition und Verwendung des HTML-Thead-Tags
|
Code kopieren Der Code lautet wie folgt:<thead> <!– Behandeln Sie die ersten beiden Zeilen als Kopfbereich–> <tr> <td rowspan=”2″></td> <td rowspan=”2″></td> <td rowspan=”2″></td> <td colspan=”3″></td> <td Umfang = „col“ colspan = „2“ rowspan = „2“></td> </tr> </thead> Ich möchte fragen, warum der Kommentar in diesem Code <thead> <!– Treat the first two lines as the header area–> besagt, dass die ersten beiden Zeilen als Header-Bereich behandelt werden. Bedeutet das, dass das thead-Element selbst standardmäßig zweizeilig ist? Oder gibt es einen anderen Grund? Bedeutet „scope=‚col‘“ außerdem, dass der Gültigkeitsbereich auf die Spalte beschränkt wird? Welchen Sinn hat das? Dies sollte mit rowspan="2" kombiniert werden, thead stellt lediglich die Tabellenüberschrift dar. HTML-Tag <thead> <br />Definition und Verwendung: Das Tag <thead> definiert die Tabellenüberschrift. Dieses Tag wird verwendet, um den Kopfzeileninhalt einer HTML-Tabelle zu gruppieren. Das thead-Element sollte in Verbindung mit den Elementen tbody und tfoot verwendet werden. Das tbody-Element wird verwendet, um den Textinhalt in einer HTML-Tabelle zu gruppieren, während das tfoot-Element verwendet wird, um den Inhalt der Überschrift (Fußzeile) in einer HTML-Tabelle zu gruppieren. Hinweis: Wenn Sie die Elemente „thead“, „tfoot“ und „tbody“ verwenden, müssen Sie alle verwenden. Sie werden in dieser Reihenfolge angezeigt: thead, tfoot, tbody, sodass der Browser den Footer rendern kann, bevor er alle Daten empfängt. Sie müssen diese Tags innerhalb eines Tabellenelements verwenden. Tipp: Standardmäßig haben diese Elemente keinen Einfluss auf das Layout der Tabelle. Sie können jedoch CSS verwenden, um durch diese Elemente das Erscheinungsbild der Tabelle zu ändern. Detaillierte Beschreibung: Mit den Elementen „thad“, „tfoot“ und „tbody“ können Sie Zeilen in einer Tabelle gruppieren. Wenn Sie eine Tabelle erstellen, möchten Sie wahrscheinlich eine Kopfzeile, einige Zeilen mit Daten und unten eine Gesamtsummenzeile haben. Durch diese Aufteilung sind Browser in der Lage, das Scrollen des Tabellenkörpers unabhängig von der Kopf- und Fußzeile der Tabelle zu unterstützen. Beim Drucken langer Formulare werden die Kopf- und Fußzeilen der Tabelle möglicherweise auf jeder Seite gedruckt, die die Tabellendaten enthält. Beispiel: HTML-Tabelle mit thead-, tbody- und tfoot-Elementen: Code kopieren Der Code lautet wie folgt:<Tabellengrenze="1"> <Kopf> <tr> <th>Monat</th> <th>Ersparnisse</th> </tr> </thead> <tfuß> <tr> <td>Summe</td> <td>180 USD</td> </tr> </tfoot> <tbody> <tr> <td>Januar</td> <td>100 US-Dollar</td> </tr> <tr> <td>Februar</td> <td>80 USD</td> </tr> </tbody> </Tabelle> |
<<: Können Sie alle Testfragen zum Erstellen der Webseite beantworten?
>>: Detaillierte Erklärung der GaussDB zur MySQL-Leistungsoptimierung
Artikel empfehlen
Mysql-Datenbankdesign - Analyse von drei Paradigmenbeispielen
Drei Paradigmen 1NF: Felder sind untrennbar; 2NF:...
Grafisches Tutorial zur Installation und Konfiguration von CentOS 6.4 MySQL 5.7.18
Die spezifischen Schritte zur Installation von my...
Drei Vererbungsmethoden in JavaScript
erben 1. Was ist Vererbung? Vererbung: Zunächst e...
Detaillierte Erläuterung der grundlegenden Verwendung von Apache POI
Inhaltsverzeichnis Grundlegende Einführung Erste ...
So zentrieren Sie Bilder horizontal und vertikal in DIV oder DIV
<div Klasse="Box"> <img /> ...
So führen Sie .sh-Dateien im Linux-System aus
Es gibt zwei Möglichkeiten, .sh-Dateien im Linux-...
So implementieren Sie Parallelitätskontrolle in JavaScript
Inhaltsverzeichnis 1. Einführung in die Paralleli...
Ubuntu 18.04 erhält Root-Berechtigungen und meldet sich als Root-Benutzer an
Vorab geschrieben: In den folgenden Schritten müs...
Schritte zum Wiederherstellen von Code aus einem Docker-Container-Image
Manchmal geht der Code verloren und Sie müssen de...
js, um die vollständigen Schritte der Konvertierung von Chinesisch nach Pinyin durchzuführen
Ich habe js verwendet, um ein Paket zur Konvertie...
So ändern Sie die Standardübermittlungsmethode des Formulars
Die Standard-Übermittlungsmethode von HTML ist get...
Lösen Sie schnell das Problem des langsamen Starts nach der Tomcat-Neukonfiguration
Während der Konfiguration des Jenkins+Tomcat-Serv...
Code zum Ausrichten von Kontrollkästchen und Radiotext im Formular
Ausrichtungsprobleme wie type="radio" un...
MySQL-Entwicklungsleistungsforschung: Optimierungsmethode zum Batch-Einfügen von Daten
1. Auf welche Probleme sind wir gestoßen? In Stan...
Standards zum Schreiben von Codekommentaren bei der Webseitenerstellung
<br />Ich habe die in meiner Arbeit verwende...