Kā pievienot komentārus kaskādes stilu lapām (CSS)

Katra vietne sastāv no strukturāliem (kas ir diktēti ar HTML), funkcionāliem un stilistiskiem elementiem. Kaskādes stila lapas (CSS) tiek izmantotas, lai diktētu vietnes izskatu ("izskatu"). Šie stili tiek turēti atsevišķi no HTML struktūras, lai atvieglotu tīmekļa standartu atjaunināšanu un ievērošanu.

Problēma ar stilu lapām

Mūsdienās daudzu vietņu izmērs un sarežģītība, stilu lapas var kļūt diezgan garas un apgrūtinošas. Tas jo īpaši attiecas uz gadījumiem, kad plašsaziņas līdzekļu vaicājumi par atsaucīgiem vietņu veidiem ir būtiska dizaina sastāvdaļa, nodrošinot, ka vietne izskatās tāpat kā neatkarīgi no ierīces. Šie multivides vaicājumi viens pats var pievienot ievērojamu skaitu jaunu stilus CSS dokumentam, padarot to vēl grūtāk strādāt. Šeit CSS komentāri var kļūt par nenovērtējamu palīdzību vietņu dizaineriem un izstrādātājiem.

Komentāri Pievienot struktūru un skaidrību

Vietnes CSS failu komentāru pievienošana ir lielisks veids, kā organizēt šī koda sadaļas cilvēku lasītājam, kurš pārskata dokumentu. Tas arī nodrošina konsekvenci, kad viens tīmekļa speciālists paceļ vietu, kur vēl atstāj, vai kad cilvēku komandas strādā vietnē.

Labi formatēti komentāri var paziņot svarīgus stilu lapas aspektus komandas locekļiem, kuri jau nav pazīstami ar kodu. Šie komentāri arī ir ļoti noderīgi tiem cilvēkiem, kas pirms tam ir strādājuši šajā vietnē, bet nesen to nav darījuši; web dizaineri parasti strādā daudzās vietnēs, un ir grūti atcerēties dizaina stratēģijas no viena uz otru.

Tikai profesionāļu acīm

CSS komentāri netiek rādīti, kad lapa parādās tīmekļa pārlūkprogrammās. Šie komentāri ir tikai informatīvi, tāpat kā HTML komentāri (lai gan sintakse ir atšķirīga). Šie CSS komentāri nekādā veidā neietekmē vietnes vizuālo parādīšanu.

CSS komentāru pievienošana

CSS komentāra pievienošana ir diezgan vienkārša. Jūs vienkārši rezervējat savu komentāru ar pareizo atvēršanas un aizvēršanas komentāru tagus:

• Sāciet savu komentāru, pievienojot

  /*

• Aizveriet savu komentāru, pievienojot

  */

Viss, kas parādās starp šiem diviem tagiem, ir komentāra saturs, tas ir redzams tikai kodā un nav pārlādē.

CSS komentārs var aizņemt vairākas rindas. Šeit ir divi piemēri:

/ * sarkanais robežas piemērs * / div # border_red { robeža: plāns sarkans; }/*******************************************************Kodu teksta stils*******************************************************/

Breaking Out Sections

Daudzi dizaineri organizē stilu lapas nelielos, viegli sagremojamos gabalos, kurus lasīšanas laikā viegli skenēt. Raksturīgi, ka jūs redzēsiet komentārus, pirms kuriem seko defise virkne, kuras lapā ir viegli uztveramas lielas, acīmredzamas pārtraukšanas. Šeit ir piemērs:

/ * ----------------------- Header stili ---------------------- ------- * /

Šie komentāri liecina par jaunas kodēšanas sadaļas sākumu.

"Komentējot" kodu

Tā kā komentāru tagi liek pārlūkam ignorēt viss starp tiem, jūs varat tos izmantot, lai īslaicīgi atspējotu noteiktas CSS koda daļas. Tas var būt noderīgs, ja tiek veikta atkļūdošana vai pielāgots tīmekļa lapas formatējums. Faktiski dizaineri bieži to izmanto, lai "komentētu" vai izslēgtu koda apgabalus, lai redzētu, kas notiek, ja šī sadaļa nav lapas daļa.

Lai to paveiktu, vienkārši pievienojiet sākuma komentāru tagu pirms koda, par kuru vēlaties komentēt (atspējot); ievietojiet aizvēršanas tagu, kur vēlaties, lai invalīda daļa beidzas. Nekas no šiem tagiem neietekmēs vietnes vizuālo parādīšanu, ļaujot jums atkļūdot CSS, lai redzētu, kur notiek problēma. Pēc tam varat atvērt šo problēmu un noņemt komentārus no koda.

CSS komentēšanas padomi

Kā kopsavilkumu, šeit ir daži padomi, kā atcerēties, kā komentēt komentārus savā CSS:

1. Komentāri var ietvert vairākas rindas.
2. Komentāri var ietvert CSS elementus, kurus jūs nevēlaties pārlādēt, bet ko jūs nevēlaties pilnībā izdzēst. Neaizmirstiet noņemt neizmantotos stilus (nevis atstāt tos komentētus), ja izlemjat, ka tie nav vajadzīgi tīmekļa vietnē.
3. Izmantojiet komentārus ikreiz, kad rakstāt sarežģītu CSS, lai pievienotu struktūru, precizētu dizaina lēmumus un informētu nākamos izstrādātājus (vai atgādinātu sev) par svarīgiem apsvērumiem. Tas ietaupīs laiku visiem iesaistītajiem.
4. Piezīmes var ietvert arī meta informāciju, piemēram:
   1. Autors
   2. Datums izveidots
   3. Autortiesības

Veiktspēja

Pievienojot pārāk daudz komentāru, var ietekmēt vietnes lejupielādes ātrumu un veiktspēju, nevilcinoties tos izmantot. Daudzas komentāru rindiņas varētu būtiski negatīvi ietekmēt. Tāpat kā tik daudzos tīmekļa dizaina aspektos, tas viss ir līdzsvarots.