HTMLles tables


Introduction

L'élément HTML <table> permet aux auteurs Web d'afficher des données tabulaires (telles que du texte, des images, des liens, d'autres tables, etc.) dans un tableau à deux dimensions comportant des lignes et des colonnes de cellules.

Syntaxe

  • <table></table>
  • <thead></thead>
  • <tbody></tbody>
  • <tfoot></tfoot>
  • <tr></tr>
  • <th></th>
  • <td></td>

Remarques

Les différents éléments de la table et leurs attributs de contenu définissent ensemble le modèle de table. L'élément <table> est l'élément conteneur pour les modèles de tableau / données tabulaires. Les tableaux ont des lignes, des colonnes et des cellules données par leurs descendants. Les lignes et les colonnes forment une grille; Les cellules d'une table doivent couvrir complètement cette grille sans se chevaucher. La liste ci-dessous décrit les différents éléments du modèle de tableau:

  • <table> - Elément conteneur pour les modèles de tableau / données tabulaires. <table> représente des données avec plusieurs dimensions sous la forme d'une table.
  • <caption> - Légende ou titre du tableau (comme une figcaption sur une figure )
  • <col> - Une colonne (un élément sans contenu)
  • <colgroup> - Un regroupement de colonnes
  • <thead> - En-tête de tableau (un seul)
  • <tbody> - Corps / contenu de la table (plusieurs sont corrects)
  • <tfoot> - <tfoot> de page (un seul)
  • <tr> - Rangée de table
  • <th> - Cellule d'en-tête de table
  • <td> - Cellule de données de table

Sémantiquement, les tableaux sont destinés à contenir des données tabulaires. Vous pouvez le voir comme un moyen d’afficher et de décrire des données qui auraient du sens dans une feuille de calcul (colonnes et lignes).

L'utilisation de tableaux pour la mise en page n'est pas recommandée. Au lieu de cela, utilisez les règles CSS pour la mise en page et le formatage, y compris l' display: table .

Une exception notable dans l'industrie concernant l'utilisation de la mise en page <table> concerne le courrier électronique HTML: certains clients de messagerie, y compris Outlook, sont revenus aux anciens moteurs de rendu après que Microsoft a perdu son monopole par rapport à l'UE. Afin que Microsoft ne fasse pas partie d'IE, ils ont simplement restauré le moteur de rendu Outlook dans une version antérieure de Trident. Ce retour en arrière ne prend tout simplement pas en charge les technologies Web modernes. L'utilisation de mises en page basées sur <table> pour les courriers électroniques HTML est la seule façon de garantir la compatibilité entre les navigateurs, les plates-formes et les clients.

les tables Exemples Liés