HTML Referenzhandbuch

Referenzhandbuch

HTML: <tfoot> Tag

: <progress> Tag

HTML <tfoot> Tag definiert eine Gruppe von Zeilen, die den Tabellenfuß der HTML-Tabelle bilden. Es kann verwendet werden, um die Spalten der Tabelle zu summiern und wird oft verwendet, um die Zeilen totals anzuzeigen. Traditionell verwenden Sie CSS, um das <tfoot> Tag zu stylen, um die Zeilen totals hervorzuheben. Das Tag wird auch oft als <tfoot> Element bezeichnet.

Online-Beispiel

HTML-Tabelle mit <thead>、<tfoot> und <tbody> Elementen:

Beispiel
<!DOCTYPE　html>
<html>　
<head>-8<table　border="　
<meta　charset="utf3<title>Grundlegende Anleitung (w/codebox.com)<　
</title>
head>
<body>1<table　border="
　　<thead>
　　　　<tr>
　　　　　　">/<th>Savings<
　　　　　　<th>Month</<th>Savings<
　　　　</tr>
　　</th>
　　thead>
　　　　<tr>
　　　　　　<td>Sum</td>
　　　　　　<td>$180</td>
　　　　</tr>
　　</tfoot>
　　<tbody>
　　　　<tr>
　　　　　　<td>January</td>
　　　　　　<td>$100</td>
　　　　</tr>
　　　　<tr>
　　　　　　<td>February</td>
　　　　　　<td>$80</td>
　　　　</tr>
　　</tbody>
</table>
</body>
</html>

Testen Sie es heraus ‹/›

Browserkompatibilität

IEFirefoxOperaChromeSafari

Alle gängigen Browser unterstützen das <tfoot> Tag.

Definition und Verwendung des Tags

<tfoot> Tag wird verwendet, um den Fußinhalt der HTML-Tabelle zu kombinieren.

<tfoot> Element sollte mit <thead> und <tbody> Elemente kombiniert verwenden, um die verschiedenen Teile der Tabelle (Fuß, Kopf, Körper) zu definieren.

Durch die Verwendung dieser Elemente wird es dem Browser ermöglicht, den Tabellenkörper unabhängig vom Tabellenkopf und Tabellenfuß zu scrollen. Beim Drucken langer Tabellen, die mehrere Seiten umfassen, können der Tabellenkopf und der Tabellenfuß auf jeder Seite mit Tabellendaten gedruckt werden.

<tfoot> Tag muss in folgenden Situationen verwendet werden: Als Unterelement des <table> Elements, erscheint nach <caption>、<colgroup> und <thead> Elementen, vor <tbody> und <tr> Elementen.

Hinweise und注意事项

Anmerkung:<tfoot> Element müssen mindestens eine oder mehrere <tr> Tags enthalten.

Hint:<thead>, <tbody>, and <tfoot> elements do not affect the table layout by default. However, you can use CSS to define styles for these elements and change the appearance of the table.

HTML 4.01 with HTML5differences

between HTML 5 no longer supports HTML 4.01 Any attribute of the <tfoot> tag inside.

Attribute

Attribute	Value	Description
align	right 　left 　center 　justify 　char	HTML5 Not supported. Defines the alignment of the content within the <tfoot> element.
char	character	HTML5 Not supported. Specifies which character the content within the <tfoot> element is aligned by.
charoff	number	HTML5 Not supported. Specifies the offset of the first alignment character within the <tfoot> element.
valign	top 　middle 　bottom 　baseline	HTML5 Not supported. Specifies the vertical alignment of the content within the <tfoot> element.

Global Attributes

Support for <tfoot> Tag Global Attributes of HTML.

Event Attributes

Support for <tfoot> Tag HTML Event Attributes.

HTML: <th> Tag HTML: <textarea> Tag