L'art du regroupement des valeurs d'attributs en HTML : pour un code plus lisible

Cet article présente une méthode améliorée pour organiser les attributs de classe HTML. En ajoutant des espaces, des sauts de ligne ou d'autres caractères dans la valeur de l'attribut de classe, différentes classes CSS peuvent être regroupées plus clairement. Par exemple, en utilisant `[card] [section box] [bg-base color-primary]` ou `card | section box | bg-base color-primary` au lieu de `card-section-background1-colorRed`. Bien que cette approche ne soit pas sans limites (les optimiseurs peuvent supprimer les espaces, les préprocesseurs peuvent réordonner les valeurs), elle peut améliorer la lisibilité et la maintenabilité du code, en particulier dans les grands projets. L'auteur montre également des manières plus créatives d'améliorer la lisibilité des attributs de classe en utilisant des emojis ou des commentaires, rappelant aux lecteurs l'importance de la compréhension du code et du travail d'équipe.