Komentāri tiek izmantoti CSS (kaskādes stila lapās), lai kodam pievienotu precizējumus vai atgādinājumus, kurus pārlūkprogramma ignorē, renderējot tīmekļa lapu. Komentārus var izmantot, lai izskaidrotu jūsu CSS kodu, sniegtu citiem izstrādātājiem vai sev kontekstu, kā arī īslaicīgi izslēgtu noteiktas koda daļas, tās pilnībā nenoņemot.

CSS komentāri ir rakstīti starp /* un */. Šeit ir piemērs:

 /* This is a CSS comment */ 

Komentāri var parādīties vienā vai vairākās rindās:

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

Jebkur CSS kodā, piemēram, atlasītāji, īpašuma deklarācijas vai bloki, var būt komentāri:

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

Kā jau minēts, pārlūkprogramma ignorē komentārus, un tie neietekmē tīmekļa lapas renderēšanu. Tie ir paredzēti tikai koda organizēšanai un cilvēka lasāmībai. Izmantojiet komentārus, lai precizētu sarežģītas sadaļas, izskaidrotu konkrētu CSS noteikumu pamatojumu vai sniegtu norādījumus par gaidāmajām izmaiņām.

PIEZĪME. Komentāri joprojām ir redzami ikvienam, kurš skatās lapas avota kodu. Tāpēc komentāros neietveriet delikātu vai privātu informāciju.

Kāpēc mēs izmantojam komentārus CSS?

CSS komentāriem ir vairāki lietojumi, piemēram:

Dokumentācija:CSS komentāri tiek izmantoti dokumentācijas nodrošināšanai. Tie ļauj jums izskaidrot, kāpēc tiek izmantoti noteikti stili, sniegt norādījumus vai piezīmes citiem programmētājiem, kuri varētu strādāt pie kodu bāzes, vai pat atgādināt sev par konkrētām idejām vai koda sadaļām. Jūsu CSS kodu ir vieglāk lasīt un uzturēt, ja tiek izmantoti komentāri.Koda pagaidu atspējošana:CSS kodu var īslaicīgi atspējot, to nenoņemot, izmantojot komentārus. Tas var būt noderīgi, izolējot konkrētus CSS komponentus, lai pārbaudītu dažādas stila opcijas vai novērstu problēmu. Komentējiet to, lai redzētu, kā kods ietekmē tīmekļa lapu, to nenoņemot.Sadarbība:Komentāri palīdz izstrādātājiem sadarboties. Strādājot grupā, komentārus var izmantot, lai dalītos domās, piedāvātu ieteikumus vai apspriestu konkrētus CSS koda segmentus. Tie veicina komandas locekļu spēju saprast un novērtēt vienam otra darbu.Nākotnes atsauce:Kad turpmāk pārskatīsit kodu, komentāri palīdz atcerēties konkrētu stilu mērķi vai pamatojumu. Tie sniedz kontekstu, kas var palīdzēt veikt korekcijas vai novērst problēmas un ietaupīt laiku.Organizācija un lasāmība:Varat izmantot komentārus, lai sadalītu CSS kodu loģiskās sadaļās vai uzsvērtu kritiskās vietas. Tie padara jūsu CSS kodu lasāmāku un sakārtotāku, atvieglojot navigāciju un izpratni.

Jūsu CSS kodu būs vieglāk lasīt, uzturēt un sadarboties, ja izmantosit komentārus efektīvi. Tie ir būtisks koda organizēšanas un dokumentēšanas rīks.

CSS komentāru trūkumi

CSS komentāriem ir daudz priekšrocību, taču tiem ir arī vairāki trūkumi, piemēram:

Kods uzpūšanās:Papildu vai nevajadzīgi komentāri var palielināt jūsu CSS koda faila lielumu. Mūsdienu tīkla ātrums var nebūt būtiski ietekmēts, taču tas joprojām var izraisīt lēnāku ielādes laiku, īpaši lieliem CSS failiem.Novecojuši komentāri:Kodam attīstoties un mainoties laika gaitā, komentāri var novecot vai vairs precīzi aprakstīt koda stāvokli, kāds tas ir šodien. Novecojuši komentāri var būt maldinoši un radīt neskaidrības vai kļūdainus pieņēmumus, strādājot ar kodu bāzi.Uzturēšanas izmaksas:Komentāru uzturēšana prasa laiku un pūles. Izstrādātājiem, veicot koda izmaiņas, ir jānodrošina, lai komentāri būtu aktuāli un atbilstoši.Iespējamais koda juceklis:Sakārtots vai pārmērīgs komentārs var izraisīt koda pārblīvēšanu, padarot to grūtāk lasāmu un uztveramu. Var būt grūti nodalīt svarīgu informāciju no trokšņa, ja komentāri ir slikti strukturēti vai formatēti vai tajos ir pārāk daudz nevajadzīgu komentāru.Koda dublēšana:Ja komentāros tiek izskaidrots pašsaprotams kods, tas var izraisīt nevajadzīgu dublēšanos un samazināt koda kodolīgumu. Ideālā gadījumā komentāros vajadzētu piedāvāt papildu informāciju vai pamatojumu, kam jābūt skaidrākam no koda.