Si t'has posat fil a l'agulla a crear la teva pròpia pàgina web, és possible que, de primeres, hagis decidit utilitzar una plantilla en lloc de posar-te a dissenyar-la tu mateix (bé perquè no tens gaire idea o perquè necessites una base). En aquestes plantilles veuràs que, de vegades, hi ha comentaris en CSS. I no, per aquest nom no ens estem referint als comentaris o textos que posen els lectors a la teva web, sinó petites anotacions que es fan per part de l'desenvolupador i que ajuden a saber a què es refereix cada part d'aquest gran codi que forma la plantilla (i que fa que el web es vegi com és en realitat.
Llavors, Saps el que són els comentaris CSS? Saps com es poden fer? Avui t'expliquem tot perquè sàpigues sobre ells.
Què són els comentaris?
En aquest cas, no ens referirem als comentaris entesos com textos que comenten una notícia i que permeten una interacció entre un usuari i una pàgina web. En concret, ens estem referint a aquells que es posen entre etiquetes HTML i que visualment no són visibles, sinó que es troben en el codi de programació d'una web, de tal manera que s'intenta informar la persona per a què serveix el codi però sense que això vagi a reflectir després en la web (tal qual).
Per a què serveixen els comentaris?
El següent que et pots preguntar és el motiu pel qual col·locar comentaris en una plantilla, o en qualsevol document de programació. I és que, encara que no ho creguis, aquestes anotacions són molt eficaços perquè, imagina la següent situació: t'has posat a programar una pàgina que et portarà diversos mesos. Fas molts canvis, programacions en cadascuna de les pàgines, etc. I, de sobte, quan trobes la vista enrere, et preguntes per què era aquest codi que hi ha aquí lloc. O pitjor encara, has de canviar un color o un disseny i no saps on és entre tot el codi que has posat. A que seria un embolic?
Doncs bé, aquestes anotacions que fas, a manera de comentaris en programació, t'ajuden a recordar el motiu d'aquest codi o poder situar-te en el projecte que tens entre mans. Així, encara que passin setmanes, mesos o anys, sabràs com ho vas deixar tot ia què es referia cada codi que vas utilitzar.
Altres vegades, aquests comentaris s'utilitzen per poder provar certs aspectes, perquè aquests s'activin o no al web depenent de si donen error a l'hora d'usar-los.
Això sí, que els comentaris no es vagin a veure visualment no vol dir que s'hagi llibertat per escriure qualsevol cosa. I és que, de vegades, els comentaris poden estar fora de lloc o fer que els teus clients se sentin ofesos pel que poses aquí (o sigui una discriminació en tota regla). Així que has de tenir cura i posar només el que realment és necessari. Perquè, encara que no es veuran, avui dia hi ha molts navegadors que permeten explorar el codi HTML i, amb això, fer visibles els comentaris que s'hagin posat.
Com posar comentaris CSS
El CSS és un dels llenguatges de programació, potser un dels que més s'utilitza, juntament amb l'HTML, en pàgines web i disseny creatiu. Per això, conèixer-lo una mica més, és important. De fet, el que més utilitzaràs és el CSS3.
Ara bé, si ja has fet les teves «passos» amb la programació sabràs que els codis serveixen per «vestir» l'estructura i el CSS ajuda a que es vegi més atractiva la teva web. Però dins d'ells, hi ha els comentaris en CSS. Aquests són iguals per a qualsevol llenguatge de programació, si bé s'escriuen de manera diferent en cada un d'ells.
Com es fan comentaris CSS? Doncs per això necessites fer el següent:
- Obre el comentari amb la barra torta (Shift + 7).
- A continuació, posa un asterisc.
- Aquest és l'inici del teu comentari de tal manera que tot el que escriguis a partir d'aquest moment no es va a veure a la web visualment tot i que sí estarà en el codi HTML del web.
- Per tancar el comentari, has de posar primer un asterisc i, a continuació, la barra torta.
- En aquell moment, el següent que escriguis sí que afectarà visualment al web i es podrà veure.
Visualment, el comentari quedaria així:
/ * Aquí tens el comentari que quedaria ocult visualment al web * /
Si ho has fet bé, el més segur és que et aparegui en gris i no en negre o en altres colors com passa amb altres codis. Això vol dir que està ben especificat i serà un text que no apareixerà al web (a la zona on l'hagis col·locat).
Tipus de comentaris en CSS que pots posar
Mentre estàs treballant amb l'HTML és normal que col·loquis diversos comentaris per poder saber el que fas o bé per avisar-te de que hi ha parts sense fer o errors que has d'arreglar. No obstant això, després és important eliminar aquest tipus de comentaris que realment no serviran per a res. Això no vol dir que hagis de treure'ls tots.
Hi ha alguns comentaris en CSS que sí s'han de quedar. Quines? Els següents:
- Comentaris aclaridors. Són comentaris CSS que ajuden a explicar alguna cosa concreta. Per exemple, la mida de les imatges a la secció concreta perquè sàpigues quines imatges han d'utilitzar.
- Comentaris de blocs. És a dir, les anotacions que es fan per delimitar cada secció o part d'una web: el footer, el header, etc.
- CSS deshabilitat. Amb això has de tenir cura perquè has de assegurar-te que està deshabilitat però que pot funcionar en el cas que es vulgui tornar a utilitzar. Per exemple, imagina que tens una web i va molt lenta. Llavors decideixes desactivar l'slider que has col·locat de primeres i veure si millora la web. Si és així, podries tornar a posar-lo en qualsevol moment un cop se solucioni el problema.
- Comentaris de crèdits. Finalment, pots voler deixar els comentaris que fan referència a la persona que ha creat el codi, o la versió que té la web que has fet, de tal manera que puguis anar evolucionant o li donis crèdit a la persona que ha fet la feina ( encara que no es vegi visualment en alguns casos.