tableaux html: thead vs th

Question

D'après les exemples de cette page , il semble que si vous utilisez THEAD, vous n'avez pas besoin d'utiliser TH.

Est-ce vrai? Si oui, quels sont les avantages / inconvénients de THEAD vs TH?

Answer 1

L' <thead> balise est utilisée pour le groupe de l'en-tête de contenu dans un tableau HTML. L' thead élément doit être utilisé en conjonction avec l' tbody et tfoot - éléments.

Plus : thead

Vous utilisez <thead> pour encapsuler un ensemble de lignes (ou de lignes) pour les désigner comme l'en-Tête du Tableau. Selon la spécification,

"Cette division permet à l'utilisateur d'agents de en charge le défilement de la table des organismes indépendamment de l'en-tête du tableau et pied. Lorsque de longues tables sont imprimés, le tableau de tête et de pied de l'information peut être répétée sur chaque page contient les données de la table."

<th>, sur l'autre main, est utilisé pour le style d'une cellule spécifique, comme une cellule d'en-tête plutôt qu'une simple cellule de données.

Answer 2

th plus précis que ce que peut résider à l'intérieur de l' thead. Un th cellule est de spécifier l'en-tête de la correspondante td des cellules. En fait, vous pouvez ajouter un headers d'attribut à un td de cellules, ce qui souligne l'id d'un th de cellules (pour les lecteurs d'écran). Donc, th est directement liée à l' tds de cette colonne. Toutefois, thead peut inclure aucune information...communément oui, il le fait d'inclure l' th des cellules, mais il peut aussi inclure tout ce que vous pourrait juger approprié d'informations en haut de la table (autres qu'une légende, parce que c'est sa propre balise ainsi).

Answer 3

<thead> est spécial en ce sens qu'il peut être utilisé pour répéter la ligne d'en-tête en haut de la page dans les versions imprimées.

Answer 4

D'après mon expérience, il n'y a pas de différence de rendu sauf si vous utilisez CSS pour spécifier une différence de rendu. Un <tr> intérieur d'un <thead> rendra la même chose qu'un <th> intérieur d'un <table> ou d'un <tbody> .

Answer 5

Il n'y a pas de règles strictes ici. L'élément <thead> n'est qu'un autre moyen de regrouper vos colonnes et vos lignes, tout comme <tbody> et <tfoot> is. Donc, vous avez plus de possibilités pour les scripts et le formatage.