Els comentaris s'utilitzen en CSS (Fulls d'estil en cascada) per afegir aclariments o recordatoris al codi que el navegador ignora quan representa la pàgina web. Els comentaris es poden utilitzar per explicar el vostre codi CSS, donar context a altres desenvolupadors o a vosaltres mateixos i desactivar temporalment fragments de codi específics sense eliminar-los completament.
Els comentaris CSS s'escriuen entre /* i */. Aquí teniu un exemple:
/* This is a CSS comment */
Els comentaris poden aparèixer en una o diverses línies:
/* This is a multi-line CSS comment */ /* This is another multi-line comment */ /* This is a single-line CSS comment */
Qualsevol part del codi CSS, com ara selectors, declaracions de propietat o blocs, pot contenir comentaris:
/* This is a comment inside a selector */ h1 { /* This is a comment within a property declaration */ color: blue; font-size: 24px; /* This is a comment after a property */ } /* This is a comment before a block */ /* h2 { color: red; } */
Com ja s'ha esmentat, els comentaris són ignorats pel navegador i no tenen cap impacte en com es representa la pàgina web. Només estan presents per a l'organització del codi i la llegibilitat humana. Utilitzeu els comentaris per aclarir seccions complicades, explicar el raonament darrere de regles CSS específiques o donar instruccions per als propers canvis.
NOTA: els comentaris encara són visibles per a qualsevol persona que miri el codi font de la pàgina. Per tant, absteniu-vos d'incloure informació delicada o privada als comentaris.
Per què fem servir els comentaris en CSS?
Hi ha diversos usos per als comentaris CSS, com ara:
El vostre codi CSS serà més fàcil de llegir, mantenir i col·laborar-hi si feu servir els comentaris de manera eficaç. Són una eina d'organització i documentació crucial per al codi.
Inconvenients dels comentaris CSS
Tot i que els comentaris CSS tenen molts avantatges, però també tenen diversos inconvenients, com ara: