Est-ce correct d'utiliser cellpadding = "2" cellspacing = "2" dans & lt; table & gt ;?

Est-il ok pour utiliser cellpadding="2" cellspacing="2" dans <table>? Ou ne sont-ce pas recommandées par le W3C et pas selon les standards du web?

Quelles sont les alternatives en CSS?

Mise à jour: et c'est aussi ok pour utiliser <td align="right" valign="top">?

Ma question est en termes de séparation du contenu et de la présentation et les recommandations du W3C.

Mise à jour:
Selon ce tableau, dans <table> seulement align et bgcolor ne sont pas autorisés dans le Strict version. Ainsi en est-il ok pour permettre à d'autres propriétés de <table>?

le texte d'alt http://shup.com/Shup/293811/11021055643-My-Desktop.png

source d'informationauteur Jitendra Vyas

10

Non, les attributs ne sont pas officiellement obsolète, mais ils sont généralement mal vu, car on devrait utiliser les CSS pour la présentation.

Pour cellpadding vous pouvez facilement le remplacer par padding en CSS:
```
table.classname td {
  padding: 4px;
}
```
Pour cellspacingd'abord décider si c'est vraiment nécessaire. Si vous n'avez pas de frontières sur les cellules de la table, ou vous ne voulez pas que l'espacement entre les frontières de chaque cellule alors qu'il ne l'est pas. (Personnellement, je pense que l'espacement entre les cellules est de mauvaise qualité conception-sage, mais il peut être utile dans certaines circonstances.)

Il est assez agréable pour ce faire:
```
table {
  border-collapse: collapse;
}
```
Ensuite, chaque cellule de la table de partage la frontière avec son voisin, ce qui signifie que vous pouvez ajouter, disons, de 1px de haut et de bas les frontières et vous obtenez juste 1px séparant chaque ligne.

Pour séparer les frontières, cependant, vous pouvez utiliser cette CSS, mais il n'a probablement pas de travail dans IE6.
```
table.data td {
  border-collapse: separate;
  border-spacing: 4px;
}
```
8

Alors que c'est techniquement très bien, il est fortement déconseillé.

Imaginez si votre site a de nombreux tableaux sur plusieurs pages et que vous vouliez changer le remplissage ou l'espacement, pour une raison ou une autre. Eh bien, vous devez aller à travers l'ensemble de votre site et de faire les changements.

Ou vous pouvez utiliser les CSS et modifier l'ensemble de votre site en modifiant une ligne de code dans un seul endroit. Ce n'est pas seulement plus efficace, mais son plus facile, vous aide à éviter les erreurs, et vous permet de rester cohérent.
```
<style type="text/css">
    table td { padding:10px; margin:10px; }
</style>
```
Si vous souhaitez utiliser certaines tables avec un rembourrage et de marges et d'autres sans, vous pouvez créer des classes dans votre CSS en ajoutant un "." devant un nom de votre choix:
```
<style type="text/css">
    .myTable td { padding:10px; margin:10px; }
</style>
<table class="myTable> etc...
```
Noter que les noms de classe sont sensibles à la casse. Il y a aussi beaucoup d'autres attributs que vous pouvez vous amuser avec comme bordure, couleur de fond, etc...

En bref, alors que les cellules de l'espacement et de la cellule-rembourrage attributs ne sont pas obsolètes, son beaucoup mieux d'utiliser des CSS pour la facilité et la cohérence au sein de votre site.

<style type="text/css">
table.padded-table td { 
    padding:10px; 
    }
</style>

0

La cellule de rembourrage et de la cellule de l'espacement de propriétés sont encore entièrement pris en charge. Bien que certaines personnes vous diront de le faire avec CSS réglage de rembourrage et de la marge sur les cellules de la table, c'est encore le moyen le plus facile de l'avoir appliqué à chaque cellule dans un tableau.

Si vous voulez une liste de propriétés et celles qui sont obsolètes, je trouve w3schools être la source la plus fiable de l'information.

w3schools: balise td

w3schools: balise table

Vous devez vous connecter pour publier un commentaire.