Komentari se koriste u CSS-u (Cascading Style Sheets) za dodavanje pojašnjenja ili podsjetnika kodu koji preglednik zanemaruje prilikom prikazivanja web stranice. Komentari se mogu koristiti za objašnjenje vašeg CSS koda, davanje konteksta drugim programerima ili sebi i privremeno isključivanje određenih dijelova koda bez njihovog potpunog uklanjanja.

CSS komentari pišu se između /* i */. Evo primjera:

 /* This is a CSS comment */ 

Komentari se mogu pojaviti u jednom retku ili nekoliko redaka:

 /* This is a multi-line CSS comment */ /* This is another multi-line comment */ /* This is a single-line CSS comment */ 

Bilo gdje u CSS kodu, poput selektora, deklaracija svojstava ili blokova, može sadržavati komentare:

 /* 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; } */ 

Kao što je već spomenuto, preglednik zanemaruje komentare i nemaju utjecaja na način na koji se web stranica prikazuje. Oni su prisutni samo za organizaciju koda i čitljivost ljudima. Upotrijebite komentare da pojasnite komplicirane odjeljke, objasnite razloge iza određenih CSS pravila ili dajte upute za nadolazeće promjene.

NAPOMENA: Komentari su i dalje vidljivi svima koji pogledaju izvorni kod stranice. Stoga se suzdržite od uključivanja delikatnih ili privatnih informacija u komentare.

Zašto koristimo komentare u CSS-u?

Postoji nekoliko upotreba CSS komentara, kao što su:

Dokumentacija:CSS komentari se koriste za pružanje dokumentacije. Omogućuju vam da objasnite zašto se koriste određeni stilovi, date upute ili bilješke drugim programerima koji bi mogli raditi na bazi koda ili se čak podsjetite na određene ideje ili dijelove koda. Vaš CSS kod je lakše čitati i održavati kada se koriste komentari.Šifra privremenog onesposobljavanja:CSS kod se može privremeno onemogućiti bez uklanjanja pomoću komentara. To može biti korisno kada se izoliraju određene CSS komponente za testiranje različitih stilskih opcija ili rješavanje problema. Komentirajte ga da biste vidjeli kako kôd utječe na web stranicu bez da ga uklonite.Suradnja:Komentari pomažu programerima da rade zajedno. Kada radite u grupi, komentari se mogu koristiti za razmjenu mišljenja, davanje prijedloga ili raspravu o određenim segmentima CSS koda. Oni olakšavaju sposobnost članova tima da shvate i procijene rad drugih.Buduća referenca:Kada ubuduće ponovno pregledavate kôd, komentari će vam pomoći da se sjetite cilja ili opravdanja iza određenih stilova. Oni daju kontekst koji vam može pomoći u prilagodbama ili rješavanju problema i uštedjeti vam vrijeme.Organizacija i čitljivost:Možete koristiti komentare da razbijete svoj CSS kod u logične dijelove ili da naglasite kritične dijelove. Oni čine vaš CSS kod čitljivijim i dobro organiziranim, čineći ga lakšim za navigaciju i razumijevanje.

Vaš će CSS kod biti lakše čitati, održavati i surađivati ​​na njemu ako učinkovito koristite komentare. Oni su ključni alat za organizaciju i dokumentiranje koda.

Nedostaci CSS komentara

Dok CSS komentari imaju mnoge prednosti, ali imaju i nekoliko nedostataka, kao što su:

Kod nadimanja:Dodatni ili nepotrebni komentari mogu povećati veličinu datoteke vašeg CSS koda. To možda neće značajno utjecati na brzine moderne mreže, ali svejedno može rezultirati sporijim učitavanjem, posebno za velike CSS datoteke.Zastarjeli komentari:Kako se kod razvija i mijenja tijekom vremena, komentari mogu zastarjeti ili prestati točno opisivati ​​stanje koda kakvo je danas. Zastarjeli komentari mogu biti varljivi i uzrokovati zabunu ili pogrešne pretpostavke pri radu s bazom koda.Troškovi održavanja:Održavanje komentara zahtijeva vrijeme i trud. Razvojni programeri moraju osigurati da su komentari aktualni i relevantni prilikom izmjene koda.Potencijalni nered koda:Organiziranje ili pretjerani komentari mogu uzrokovati pretrpanost koda, što ga čini težim za čitanje i razumijevanje. Može biti teško odvojiti važne informacije od buke ako su komentari loše strukturirani ili oblikovani ili imaju previše nepotrebnih komentara.Dupliciranje koda:Kada se samoočigledan kod objašnjava u komentarima, to može dovesti do nepotrebnog dupliciranja i smanjiti jezgrovitost koda. U idealnom slučaju, komentari bi trebali nuditi dodatne informacije ili obrazloženja koja moraju biti vidljivija iz koda.