tables html: thead vs th

Il semble (selon les exemples de cette page , de toute façon) que si vous utilisez THEAD, vous n’avez pas besoin d’utiliser TH.

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

    La

    permet de regrouper le contenu de l’en-tête dans un tableau HTML. L’élément thead doit être utilisé conjointement avec les éléments tbody et tfoot .

    Plus: thead

    Vous utilisez

    pour encapsuler une ligne entière (ou des lignes) pour les désigner comme en-tête de table. Selon les spécifications,

    “Cette division permet aux agents utilisateurs de prendre en charge le défilement des corps de table indépendamment de la tête et du pied de la table. Lorsque de longues tables sont imprimées, les informations de tête et de pied

    , d’autre part, est utilisé pour styler une cellule spécifique en tant que cellule d’en-tête plutôt que d’une cellule de données ordinaire.

    Si vous voulez utiliser

    et

    n’oubliez pas de nid

    intérieur de

    . Sinon, le code peut ne pas être valide.
    Exemple:

     
    Season Goals Assists
    2009-2010 25 43
    2011-2012 40 20

    th est plus spécifique que ce qui peut résider à l’intérieur de la thead . Une cellule doit spécifier l’en-tête des cellules td correspondantes. En fait, vous pouvez append un atsortingbut d’en- headers à une cellule td qui pointe vers l’identifiant d’une cellule th (pour les lecteurs d’écran). Donc, elle est directement liée aux td s de cette colonne.

    Cependant, thead peut inclure n’importe quelle information … généralement oui il inclut les cellules mais il peut aussi inclure tout ce que vous jugez approprié comme information en haut de la table (autre qu’une légende, car cela a sa propre tag aussi).

    Les lignes de la table peuvent être regroupées dans une tête de tableau, un pied de table et une ou plusieurs sections de corps de tableau, en utilisant respectivement les éléments THEAD , TFOOT et TBODY . Cette division permet aux agents utilisateurs de prendre en charge le défilement des corps de la table indépendamment de la tête et du pied de la table. Lorsque des tableaux longs sont imprimés, les informations relatives à la tête et au pied du tableau peuvent être répétées sur chaque page contenant des données de tableau.

    La tête de table et le pied de table doivent contenir des informations sur les colonnes de la table. Le corps de la table doit contenir des lignes de données de table.

    Lorsqu’elle est présente, chaque THEAD, TFOOT et TBODY contient un groupe de lignes. Chaque groupe de lignes doit contenir au moins une ligne, définie par l’élément TR.

    Les cellules de tableau peuvent contenir deux types d’informations: les informations d’en-tête et les données. Cette distinction permet aux agents utilisateurs de rendre l’en-tête et les cellules de données de manière distincte, même en l’absence de feuilles de style. Par exemple, les agents utilisateurs visuels peuvent présenter un texte de cellule d’en-tête avec une police en gras. Les synthétiseurs vocaux peuvent rendre des informations d’en-tête avec une inflexion vocale distincte.

    L’élément TH définit une cellule contenant des informations d’en-tête. Les agents utilisateurs disposent de deux informations d’en-tête: le contenu de l’élément TH et la valeur de l’atsortingbut abbr. Les agents utilisateurs doivent afficher le contenu de la cellule ou la valeur de l’atsortingbut abbr. Pour les médias visuels, ces derniers peuvent être appropriés lorsque l’espace est insuffisant pour rendre le contenu complet de la cellule. Pour les médias non visuels, abbr peut être utilisé comme abréviation pour les en-têtes de tableau lorsque ceux-ci sont rendus avec le contenu des cellules auxquelles ils s’appliquent.

    Source: http://www.w3.org/TR/html4/struct/tables.html

    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.

    Pour autant que je sache par expérience, il n’y a pas de différence dans le rendu, sauf si vous utilisez CSS pour spécifier une différence dans le rendu. Un

    intérieur d’un

    affichera le même résultat qu’un

    intérieur d’un

    ou d’un

    .

    Il n’y a pas de règles ssortingctes ici. L’élément

    est un autre moyen de regrouper vos colonnes et vos lignes, tout comme

    et

    est. Donc, vous avez plus de possibilités pour les scripts et le formatage.