2010-09-28 10 views
10

Hat XHTML eine "Meinung" bezüglich der Verwendung von <thead>, <tfoot> und <tbody>?XHTML thead, tfoot and tbody Bedeutung

Gibt es einen Fall, in dem sie verwendet werden sollten?

Vielen Dank.

+0

finden Wann immer Sie ** mit mindestens einem '' a ''

Sie ** immer haben. Ein ' 'Element ist in jeder Tabelle erforderlich, aber die öffnenden und schließenden Tags sind optional (sie können aus dem Vorhandensein eines' ' abgeleitet werden). Dies wird offensichtlich, wenn Sie eine '' für ihre '.parentNode' oder eine'
'für ihre' .ChildNodes' fragen, auch wenn Sie die '' aus dem Dokument herausgelassen haben. – Gareth

+0

@Gareth - nicht in echter XHTML. d. h. wenn es als application/xhtml + xml bereitgestellt wird. – Alohci

Antwort

6

Die thead, tbody und tfoot Elemente in HTML sind zu einer Gruppe von Tabellenzeilen in logische Abschnitte basierend auf ihrem Gehalt verwendet. Es gibt zwei Hauptgründe Sie dies tun wollen würde:

  • der Körper unabhängig von der Kopf- und/oder
    Fußzeile
  • gescrollt werden, damit es einfacher zu machen, unterschiedliche Stilregeln gelten die verschiedenen Abschnitte der Tabelle.

als What is benefit of <thead>

hier angegeben Wenn Sie Tabellen verwenden Layout zu machen diese dann nicht verwenden.Wenn Sie Tabellendaten anzeigen, verwenden Sie sie.

Und wenn Sie nichts haben, tfoot zu setzen dann fügen Sie das nicht hinzu.

Sie werden einige gute Antworten hier auch What is benefit of <thead>

+0

Danke m-s-g. Also, wenn ich schreibe '

', wird die '' nicht automatisch vom Browser hinzugefügt? IE tut dies zum Beispiel, wenn Sie eine Tabelle mit dem Developer Tool untersuchen. – Francisc

+0

@Francisc: Nein, ein implizites '' wird immer hinzugefügt. – DisgruntledGoat

+0

In Ordnung, danke. – Francisc

8

Sie ermöglichen es Ihnen, Semantik zu Ihrer Tabelle hinzuzufügen, und Sie können auch den Kopf und den Fuß der Tabelle stylen, ohne redundante Klassen/IDs einzuführen.

ich nicht von einer Situation denken kann, wo man es zu benutzen , obwohl ich einige jQuery Plugins, um den Kopf & Fuß nutzen weiß Verhalten zu steuern.

Wenn Ihre Tabellendaten benötigt Schriften und Summenzeilen, verwenden Sie sie, wenn nicht nicht

5

Die einzigen Regeln, die ich bin mir dessen bewusst ist, dass die thead (falls verwendet) müssen zuerst definiert werden, und die tfoot (falls verwendet) vor die tbody (etwas intuitiv, meiner Meinung nach, aber sie sind die Regeln).

Ich denke, dass der Zweck thead ist teilweise für Druckzwecke, so dass Spalten auf einer zweiten Seite gedruckt werden, die thead wiederholt haben, damit die Daten mehr Sinn macht.

Theoretisch könnte es auch für ein Scrollen tbody im Fall von langen Tischen, mit festen Header erlauben:

Diese Abteilung User Agents ermöglicht Körper unabhängig von dem Tabellenkopf und Fuß Scrollen von Tisch zu unterstützen. Wenn lange Tabellen gedruckt werden, können die Tabellenkopf- und Fußinformationen auf jeder Seite wiederholt werden, die Tabellendaten enthält.

Quelle: http://www.w3.org/TR/html401/struct/tables.html#edef-TFOOT

Dies gilt jedoch nicht, zur Zeit arbeiten (ohne mindestens zwei Tabellen, glaube ich).

Der größte Vorteil, wie @Glenn Slaven stellt fest, scheint semantisch zu sein.

+1

Die Idee, '' vor '' zu setzen, ist so, dass zusammenfassende (Fußnoten) Informationen gerendert werden können, während eine große Datentabelle immer noch heruntergeladen wird – Gareth

+0

@Gareth, yeah. Es macht * Sinn *, es so zu machen, aber es fühlt sich einfach an, wie ich schon sagte, kontraintuitiv ist alles. =) –

+3

Beachten Sie, dass es zulässig ist, den "tfoot" entweder vor oder nach dem "tbody" in (X) HTML5 zu setzen. Gareths Argumentation ist fundiert, aber wie David fanden die meisten Leute die HTML4-Methode, sie kontraintuitiv zu machen, so dass die Regeln gelockert wurden. Es macht keinen Unterschied, wie Browser funktionieren, es ist nur eine Änderung der Gültigkeit. – Alohci

Verwandte Themen