Les tableaux ont toujours été une partie importante du processus de conception et de production Web. Avant d'apprendre la mise en page CSS, ils étaient principalement utilisés pour la mise en page. Cependant, jusqu'à présent, j'ai constaté que je n'avais pas vraiment compris et maîtrisé les tableaux, donc je l'ai fait. il faut les utiliser. Re-comprendre le formulaire...
Dans la conception et la production Web modernes, l'objectif principal des tableaux devrait être de stocker des données bidimensionnelles multidimensionnelles. Les balises liées aux tableaux incluent table, tr, td, th, tbody, thead, tfoot, col, colgroup et caption. Comment appliquer ces balises de manière raisonnable ? Commençons par une explication des noms.
Explication des termes
tableau
Afficher les données 2D
tr
Une ligne dans un tableau
td
Cellule de données
ème
La cellule d'en-tête, qui définit les informations d'en-tête d'une ligne ou d'une colonne, ne peut pas être utilisée dans les tableaux de disposition.
le corps
Une ou plusieurs lignes du tableau sont regroupées et doivent être utilisées avec thead et tfoot
tête
Regroupez une ou plusieurs lignes dans le tableau et utilisez-les avec tbody et tfoot
pied
Regroupez une ou plusieurs lignes dans le tableau et utilisez-les avec tbody et thehead
col
colonne, appliquez des attributs spécifiques à une certaine colonne ou à plusieurs colonnes, utilisez-la avec colgroup
colgroup
Combinaison de colonnes, utilisée avec col
légende
Définir le titre du tableau, utilisé en début de tableau, une seule fois
résumé
Expliquez le but du formulaire
Exemple :
<table summary="这是一个具有亲和力的表格的演示" id="demotab"> <caption> 访问 <a href="http://www.forest53.com">www.forest53.com</a> 浏览器统计 </caption> <thead> <tr> <th>浏览器 / 月 </th> <th>2005 / 11 </th> <th>2006 / 04 </th> <th>2006 / 05 </th> </tr> </thead> <tfoot> <tr> <th>总计</th> <td>1,646 ( 98.45% )</td> <td>6,978 ( 99.48% ) </td> <td>5,366 ( 99.56% ) </td> </tr> </tfoot> <tbody> <tr> <th>Internet Explorer</th> <td>1,535 (91.81%)</td> <td>5,905 (86.41%)</td> <td>4,550 (84.42%)</td> </tr> <tr> <th>Firefox</th> <td>98 (5.86%)</td> <td>746 (10.92%)</td> <td>640 (11.87%)</td> </tr> <tr> <th>Opera</th> <td>13 (0.78%)</td> <td>147 (2.15%)</td> <td>176 (3.27%)</td> </tr> </tbody> </table>