Détails
Quelle est la différence entre un id et une classe ?
Quelle est la différence entre "div class="">" et "div id="">" en matière de CSS ? L'utilisation de " div id="">` " est-elle autorisée ?
Je vois différents développeurs le faire des deux façons, et comme je suis autodidacte, je n'ai jamais vraiment compris.
215
3
Un id doit être unique dans toute la page.
Une classe peut s'appliquer à plusieurs éléments.
Parfois, il est bon d'utiliser des ids.
Dans une page, vous avez généralement un pied de page, un en-tête...
Le pied de page peut alors se trouver dans un div avec un id
Les identifiants sont uniques. Les classes ne le sont pas. Les éléments peuvent également avoir plusieurs classes. De plus, des classes peuvent être ajoutées et supprimées dynamiquement à un élément.
Partout où vous pouvez utiliser un ID, vous pouvez utiliser une classe à la place. L'inverse n'est pas vrai.
La convention semble être d’utiliser des ID pour les éléments de page qui se trouvent sur chaque page (comme la "navbar" ; ou le "menu" ;) et des classes pour tout le reste, mais ce n’est qu’une convention et l’utilisation varie énormément.
Une autre différence réside dans le fait que pour les éléments de saisie de formulaire, l'élément " label " fait référence à un champ par son ID. Vous devez donc utiliser les ID si vous souhaitez utiliser " label ".
Dans les années passées, les ID étaient également préférés parce qu’ils sont facilement accessibles en Javascript (getElementById). Avec l'avènement de jQuery et d'autres frameworks Javascript, ce problème n'existe plus.
La classe permet d'appliquer votre style à un groupe d'éléments. Les styles ID s'appliquent uniquement à l'élément portant cet ID (il ne doit y en avoir qu'un seul). En général, vous utilisez des classes, mais s'il s'agit d'un cas unique, vous pouvez utiliser des ID (ou simplement coller le style directement dans l'élément).