Vključno s komentarji v kodo CSS je uporabno in zelo priporočljivo.
Vsaka spletna stran je sestavljena iz strukturnih elementov (ki jih narekuje HTML), pa tudi vizualnega sloga ali »videza in občutka« tega spletnega mesta. Cascading Style Sheets (CSS) so tisto, kar se uporablja za narekovanje vizualnega videza spletne strani. Ti slogi so ločeni od strukture HTML, da se omogoči lažje posodabljanje in upoštevanje spletnih standardov.
Z velikostjo kompleksnosti številnih spletnih strani danes lahko slogovne plošče hitro postanejo precej dolgotrajne in zelo zahtevne za delo. To še posebej velja, ko začnete dodajati v medijske poizvedbe za odzivne sloge spletnega mesta . Te medijske poizvedbe sami lahko dodajo precejšnjo količino novih slogov v dokument CSS in zaradi česar je še težje delati. Tu lahko pripombe CSS postanejo neprecenljiva pomoč na spletni strani.
Dodajanje komentarjev v datoteke spletnega mesta CSS je odličen način, kako dodati strukturo delom te kode za človeškega bralca, ki pregleduje dokument. Prav tako je čudovita metoda za pojasnitev teh stilov za spletnega strokovnjaka, ki bo morda moral delati na spletnem mestu v prihodnosti - tudi sami!
Na koncu bodo pametno dodane komentarje CSS omogočile lažje obdelovanje slogovnih listov. To je res pomembno za liste slogov, ki jih bodo uredile ekipe. Komentarje se lahko uporabijo za sporočanje pomembnih vidikov slogovne ploskve različnim članom ekipe, ki morda že ne poznajo kode. Te pripombe so lahko tudi zelo koristne za osebe, ki so delale na spletnem mestu, preden se vrnejo v kodo, potem ko so že nekaj časa oddaljene od nje. Pogosto sem moral urediti spletno stran, ki sem jo izdelala mesecev ali celo let, in dobro oblikovan komentar v HTML in CSS je zelo dobrodošla pomoč! Ne pozabite, samo zato, ker ste zgradili spletno mesto, ne pomeni, da se boste spominjali, zakaj ste storili stvari, ki ste jih naredili, ko se boste v prihodnje vrnili na to spletno mesto! Komentarji lahko vaše namere jasno in jasno razkrijejo kakršne koli nesporazume, preden se sploh zgodijo.
Ena stvar, ki jo lahko razumemo glede komentarjev CSS, je, da se ne prikažejo, ko se stran prikazuje v spletnih brskalnikih. Ti komentarji so samo informativni, tako kot so komentarji HTML (čeprav se sintaksa razlikuje med obema). Ti komentarji CSS na noben način ne vplivajo na vidni prikaz spletnega mesta in so preprosto navzoči v kodi sami.
Dodajanje komentarjev CSS
Dodajanje komentarja CSS je precej enostavno. S komentarjem za odpiranje in zapiranje komentarjev preprosto napišete svoj komentar:
- Začnite svoj komentar z dodajanjem / *
- Zaprite vaš komentar z dodajanjem * /
Vse, kar se prikaže med tema dvema oznakama, je vsebina komentarja, ki je vidna samo v kodi in ne brskalnik.
Komentar CSS je lahko ena vrstica ali pa lahko traja več vrstic. Primer:
div # border_red {border: tanka rdeča; } / * rdeč robni primer * /In večplasten primer:
/ *************************** ********************** ****** Stil za kodno besedilo **************************** ************ *************** /Odseki, ki se razkrijejo
Eden od načinov, s katerim pogosto uporabljam komentarje CSS, je, da organiziram svoj slogovni list v manjših, lažje nepopustljivih kosih. Všeč mi je, da lahko te dele enostavno vidim, ko bom pozneje pregledal datoteko. Če želite to narediti, pogosto dodajam komentarje z veliko vezaji v njih, tako da zagotavljajo velike, očitne prelome na strani, ki so lahko vidna, ko se hitro pomikajo po kodi. Tukaj je primer:
/ * ----------------------- Stebri glave ----------------------- ------- * /Ko v svoji kodi vidim enega od teh pripomb, vem, da je začetek novega dela tega dokumenta, ki mi omogoča preprostejšo obdelavo in uporabo kode.
& # 34; Komentarji Out & # 34; Koda
Oznake za komentiranje so lahko uporabne tudi pri dejanskem postopku kodiranja in razhroščevanja strani. Pripombe lahko uporabite za "komentiranje" ali "izklop" področij te kode, da vidite, kaj se zgodi, če ta del ni del strani.
Torej, kako to deluje? No, ker oznake za komentar povedo brskalniku, da ignorirajo vse med njimi, jih lahko uporabite za začasno onemogočenje določenih delov kode CSS. To je priročno pri odpravljanju napak ali prilagajanju oblikovanja spletnih strani.
Če želite to narediti, preprosto dodate oznako začetnega komentarja, kjer želite, da se koda začne onemogočiti, in nato to oznako končnice postavite na mesto, kjer želite, da se onemogoči del. Vse, kar je med temi oznakami, ne bo vplivalo na vizualni prikaz spletnega mesta, kar vam bo omogočilo, da razbremenite CSS in ugotovite, kje se lahko zgodi težava. Nato lahko vstopite in popravite samo to težavo in odstranite komentarje iz kode.
Nasveti za komentiranje CSS
Kot ponovitev, tukaj je nekaj nasvetov, ki jih je treba zapomniti za uporabo komentarjev v vašem CSS:
- Komentarji lahko obsegajo več vrstic.
- Komentarji lahko vsebujejo elemente CSS, ki jih brskalnik ne želi, vendar jih ne želite popolnoma izbrisati. To je lep način za odpravljanje napak na spletnih straneh - samo odstranite neuporabljene sloge (namesto da jih pustite komentirane), če se odločite, da jih ne potrebujete na spletnem mestu
- Uporabite komentarje, kadar koli napišete zapleten CSS, da dodate pojasnila in bodočim razvijalcem bodite v prihodnosti obveščeni o pomembnih stvareh, ki bi jih morali poznati. To bo prihranilo prihodnji razvojni čas za vse vpletene.
- Komentarji lahko vključujejo tudi meta informacije, kot so:
- avtor
- datum ustvarjen
- informacije o avtorskih pravicah
Izvedba
Komentarji so gotovo lahko koristni, vendar se zavedajte, da več pripomb, ki jih dodate v slogovni list, bo postal višji, kar bo vplivalo na hitrost prenosa in uspešnost spletnega mesta. To je resnična skrb, vendar ne smete oklevajte, da dodate koristne in legitimne pripombe zaradi bojazni, da bodo trpeli. Vrstice CSS ne dodajajo znatne velikosti dokumentu. Dodati morate TONS vrstic komentarjev, da bi znatno vplivali na velikost datoteke CSS. Če dodate peščico koristnih komentarjev v svoj CSS, ne bi smeli negativno vplivati na hitrost strani.
Na koncu si boste želeli najti ravnotežje med koristnimi komentarji in preveč pripombami, da bi dobili koristi tako v dokumentih CSS.
Izvorni članek Jennifer Krynin. Uredil Jeremy Girard dne 17.5.17