Sémantique de la classe par rapport à l'ID dans les modèles réutilisables

Question

Je travaille sur un magasin en ligne. J'ai appris un peu de PHP et donc j'utilise un seul fichier de modèle avec des inclusions conditionnelles et autres plutôt que de construire des pages de produits séparées (pas encore de base de données, encore en train d'apprendre!).

J'ai donc section s qui n'existent qu'une fois par instance du modèle (soit une fois par page) comme section id="product_image". Normalement, cela serait identifié par un id. Mais sur un modèle qui est réutilisé plusieurs fois, pensez-vous que class serait plus sémantiquement approprié? (oui, je sais qu'il n'y a pas besoin fonctionnel/technique pour passer à class)

Answer 1

Un id est au singulier. Il ne peut y avoir qu'un seul ID identique sur la page, et un élément ne peut avoir qu'un seul attribut ID.

Donc, si votre composant est réutilisé, l'ID doit être être différent entre les réutilisations (peut-être une sorte de clé primaire de base de données, ou quelque chose de similaire).

Un nom de classe décrit sémantiquement vos éléments, c'est-à-dire que cette section est un quoi? widget? calendrier? Articles en vedette? C'est à ça que sert un nom de classe. Personnellement, j'utilise toujours des noms de classe, et j'utilise uniquement des ID si je veux la fonctionnalité de défilement de lien. Les classes sont toutes les ID, mais plus flexibles.

Answer 2

les attributs id et class peuvent être utilisés pour la structure et la fonctionnalité, mais pas la signification sémantique, bien que la lisibilité dans le balisage soit un objectif important.

Pour donner du sens à votre balisage, utilisez semantic elements et structured data. Le Google Structured Data Testing Tool est une excellente ressource.