Kako dodati komentarje k kaskadnim vrsticam slogov (CSS)

Vsaka spletna stran je sestavljena iz strukturnih (ki jih narekuje HTML), funkcionalnih in stilskih elementov. Cascading Style Sheets (CSS) se uporabljajo za narekovanje videza ("videz in občutek") spletnega mesta. Ti slogi so ločeni od strukture HTML, da se omogoči lažje posodabljanje in upoštevanje spletnih standardov.

Problem s slogovanji

Z velikostjo in zapletenostjo številnih spletnih strani danes lahko stylesheets postanejo precej dolgotrajni in okorni. To še posebej velja zdaj, ko so medijske poizvedbe za odzivne sloge spletnih strani bistveni del oblikovanja, kar zagotavlja, da spletna stran izgleda, kot bi morala, ne glede na napravo. Te medijske poizvedbe sami lahko dodajo precejšnje število novih stilov v dokument CSS, zaradi česar je še težje delati. Tukaj lahko pripombe CSS postanejo neprecenljiva pomoč oblikovalcem spletnih mest in razvijalcem.

Komentarji Dodaj strukturo in jasnost

Dodajanje komentarjev v datoteke CSS spletne strani je odličen način za organiziranje odsekov te kode za človeškega bralca, ki pregleduje dokument. Zagotavlja tudi doslednost, ko en spletni strokovnjak pobere, kjer se drugi odide, ali ko ekipe dela na mestu.

Dobro oblikovani komentarji lahko sporočijo pomembne vidike listov z oznakami članom ekipe, ki morda že ne poznajo kode. Te pripombe so prav tako zelo koristne za ljudi, ki so že delali na spletnem mestu, vendar še pred kratkim; spletni oblikovalci običajno delajo na številnih spletnih mestih in si pri načrtovanju strategij od enega do drugega težko.

Samo za profesionalne oči

Komentarji CSS se ne prikažejo, ko se stran prikaže v spletnih brskalnikih. Ti komentarji so samo informativni, prav tako kot komentarji HTML (čeprav je sintaksa drugačna). Ti komentarji CSS na noben način ne vplivajo na vizualni prikaz spletnega mesta.

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

  /*

• Zapri komentar z dodajanjem

  */

Vse, kar se prikaže med tema dvema oznakama, je vsebina komentarja, ki je vidna samo v kodi in ni prikazana v brskalniku.

Komentar CSS lahko prevzame poljubno število vrstic. Tukaj sta dva primera:

/ * rdeč robni primer * / div # border_red { meja: tanka rdeča; }/*******************************************************Slog za kodno besedilo*******************************************************/

Odseki, ki se razkrijejo

Mnogi oblikovalci organizirajo slogovne liste v majhnih, lahko prebavljivih koščkih, ki jih je mogoče enostavno pregledati med branjem. Običajno boste videli komentarje, ki jim bodo sledili, in sledi niz vezic, ki ustvarjajo velike, očitne prelome na strani, ki je lahko videti. Tukaj je primer:

/ * ----------------------- Stebri glave ----------------------- ------- * /

Te pripombe označujejo začetek novega odseka kodiranja.

Koda »Komentar«

Ker oznake komentarjev sporočajo brskalniku, da ignorira vse med njimi, jih lahko uporabite za začasno onemogočenje določenih delov kode CSS. To je priročno pri odpravljanju napak ali pri prilagajanju oblikovanja spletne strani. Pravzaprav jih oblikovalci pogosto uporabljajo za "komentar" ali "izklop" področij kode, da bi videli, kaj se zgodi, če ta del ni del strani.

Če želite to narediti, preprosto dodajte oznako začetnega komentarja pred kodo, ki jo želite komentirati (onemogočiti); postavite zapiralno oznako, v kateri želite, da se onemogoči onemogočeni del. Nič med temi oznakami ne bo vplivalo na vizualni prikaz spletnega mesta, kar vam omogoča, da odpravite napako CSS in ugotovite, kje se težava dogaja. 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:

1. Komentarji lahko obsegajo več vrstic.
2. Komentarji lahko vsebujejo elemente CSS, za katere ne želite, da brskalnik postane, ampak jih ne želite popolnoma izbrisati. Ne pozabite odstraniti neuporabljenih slogov (namesto da bi jih pustili komentirati), če se odločite, da jih ne potrebujete na spletnem mestu.
3. Uporabite komentarje, ko napišete zapleten CSS, da dodate strukturo, razjasnite odločitve oblikovanja in seznanite bodoče razvijalce (ali se spomnite) o pomembnih premislekih. To prihrani čas v prihodnosti vsem vpletenim.
4. Pripombe lahko vsebujejo tudi meta informacije, kot so:
   1. Avtor
   2. Datum ustvarjen
   3. avtorske pravice

Izvedba

Medtem ko dodajanje preveč komentarjev lahko vpliva na hitrost prenosa in uspešnost spletnega mesta, jih ne smete obotavljati. Veliko vrstic komentarjev bi imelo znaten negativen učinek. Kot mnogi vidiki spletnega oblikovanja se vse prilagodi ravnovesju.