web-dev-qa-db-fra.com

Est-il valide d'attribuer un identifiant à TR ou TD dans la table?

Le titre lui-même est explicite.

Juste par curiosité, je veux savoir s’il est possible et surtout valable d’attribuer un ID à TR ou TD dans le tableau?

Comme :

<td class = "xyz" id = "abc"></td>

ou

<tr class = "xyz" id = "abc">
<td>&nbsp;</td>
</tr>

Je l'ai googlé mais je n'ai pas trouvé de réponse pertinente, alors j'ai pensé pouvoir poser la question ici.

Merci !

htmlcsshtml-table
10
user4654090

Oui.

A partir de la spécification HTML 5

Les attributs suivants sont communs à et peuvent être spécifiés sur tous les éléments HTML (même ceux non définis dans cette spécification):

…

  • identifiant

…

20
Quentin

Oui, il est valide d’avoir classe et/ou id sur ces éléments. Vous pouvez les appliquer à tous les éléments HTML. Pour plus d'informations, voir 

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes

Comme vous pouvez le voir, la classe et l'id sont des attributs globaux

Les attributs globaux sont des attributs communs à tous les éléments HTML. ils peuvent être utilisé sur tous les éléments, bien que les attributs puissent n’avoir aucun effet sur certains éléments.

2
Huangism

C'est complètement valide. Vous pouvez attribuer une classe ou un ID à n'importe quel élément HTML.

L'attribut id spécifie un identifiant unique pour un élément HTML (la valeur doit être unique dans le document HTML).

L'attribut id est le plus utilisé pour pointer sur un style dans une feuille de style et en JavaScript (via le DOM HTML) pour manipuler l'élément avec l'identifiant spécifique.

Source: w3schools

1
Jasper

Vous pouvez cibler votre <td> en utilisant class ou id comme n'importe quel autre élément de CSS Il est parfaitement valide selon les normes du W3C.

0
Nima

L'identifiant est utilisé pour faire référence au contrôle html dans un fichier css ou javascript. Vous devez vous assurer qu'il n'y a pas deux identificateurs identiques, même si cela n'est pas interdit, mais que le résultat sera attendu.

en css:

<style>
  #myid{
    color:red;
  }
</style>

dans JQuery:

<script>
    alert($("#myid").name;
</script>

update: erreur corrigée lors de l'utilisation du sélecteur de classe à la place du sélecteur id.

0
nizam