Inkluzivanta komentojn en via CSS-kodo estas utila kaj tre rekomendinda.
Ĉiu retejo konsistas el strukturaj elementoj (diktitaj per HTML) same kiel la vida stilo aŭ "aspektas kaj sentas" de tiu retejo. Cascading Style Sheets (CSS) estas tio, kio kutimas dikti la vidan aspekton de retejo. Ĉi tiuj stiloj estas apartigitaj de la HTML-strukturo por ebligi ĝisdatigon kaj aliĝon al TTT-normoj.
Kun la grandeco de komplekseco de multaj retejoj hodiaŭ, stilaj folioj rapide fariĝos sufiĉe longaj kaj tre ĝenaj por labori kun. Ĉi tio estas precipe vera kiam vi komencas aldoni en amaskomunikiloj pridemandoj por respondemaj retejaj stiloj . Tiuj amaskomunikiloj nur povas aldoni gravan kvanton da novaj stiloj al CSS-dokumento kaj eĉ pli malfacile labori kun ĝi. Jen kie komentoj de CSS povas iĝi invaluable helpo en retejo.
Aldonante komentojn al la CSS-dosieroj de retejo estas bonega maniero aldoni strukturon al sekcioj de tiu kodo por homa leganto, kiu revizias la dokumenton. Ĝi ankaŭ estas mirinda metodo por klarigi tiujn stilojn por TTT-profesiulo, kiu eble devas labori en la retejo en la estonteco - inkluzive vi mem!
Al la fino, kompreneble aldonis CSS-komentojn faros stilon de pli facila procezo. Ĉi tio ja estas grava por stilaj folioj, kiuj estos eldonitaj de teamoj. Komentoj povas esti uzataj por komuniki gravajn aspektojn de la stilo-folio al malsamaj membroj de la teamo, kiuj eble ne konas la kodon jam. Ĉi tiuj komentoj ankaŭ povas esti tre helpema por homoj, kiuj laboris en la retejo, se ili revenos en la kodon post iom da tempo. Mi ofte devis redakti retejon, kiun mi konstruis monatojn aŭ eĉ jarojn antaŭe kaj havante bone formatajn komentojn en la HTML kaj CSS estas tre bonvena helpo! Memoru, nur ĉar vi konstruis retejon ne signifas, ke vi memoros, kial vi faris la aferojn, kiujn vi faris, kiam vi revenos al tiu retejo en la estonteco! Komentoj povas fari viajn intencojn klara kaj klara iuj miskomprenoj antaŭ ol ili eĉ okazas.
Unu afero por kompreni pri CSS-komentoj estas, ke ili ne montras kiam la paĝo montras en retumiloj. Tiuj komentoj estas nur informaj, same kiel HTML-komentoj estas (kvankam la sintakso diferencas inter la du). Ĉi tiuj CSS-komentoj ne tuŝas la vidan ekranon de iu ajn maniero kaj estas simple ĉeestantaj en la kodo mem.
Aldonante CSS Komentoj
Aldonante CSS-komenton estas sufiĉe facila. Vi simple libras vian komenton kun la ĝusta malfermo kaj fermado de komentoj-etikedoj:
- Komencu vian komenton aldonante / *
- Fermu vian komenton aldonante * /
Ĉio, kio aperas inter ĉi tiuj du etikedoj, estos la enhavo de la komento, videbla nur en la kodo kaj ne prezentita de la retumilo.
CSS komento povas esti unuopa linio, aŭ ĝi povas preni plurajn liniojn. Jen unu sola linio:
div # border_red {limo: maldika solida ruĝa; } / * ruĝa limo ekzemplo * /Kaj multilina ekzemplo:
/ *************************** ********************** ****** Stilo por kodo teksto **************************** ************ *************** /Breaking Out Sekcioj
Unu el la manieroj, kiujn mi ofte uzas CSS-komentojn, estas organizi mian stilon-folion en pli malgrandaj, pli facile malfacilaĵoj. Mi ŝatas povi facile vidi ĉi tiujn sekciojn kiam mi peruzas la dosieron poste. Por fari tion, mi ofte aldonas komentojn kun multaj pafiloj en ili, por ke ili havu grandajn, evidentajn rompojn en la paĝo, kiuj estas facile videblaj, kiel mi rapide rulumas tra la kodo. Jen ekzemplo:
/ * ----------------------- Titolo de Stiloj ----------------------- ------- * /Kiam mi vidas unu el ĉi tiuj komentoj en mia kodo, mi scias, ke ĝi estas la komenco de nova sekcio de tiu dokumento, permesante al mi pli facile procesi kaj uzi la kodon.
& # 34; Komentanta Ekstere & # 34; Kodo
Komercaj etikedoj ankaŭ povas esti utilaj en la reala procezo de kodigo kaj elpurigado de paĝo. Komentoj povas esti uzataj por "komenti" aŭ "malŝalti" areojn de tiu kodo por vidi, kio okazas, se tiu sekcio ne estas parto de la paĝo.
Do kiel funkcias ĉi tio? Nu, ĉar la komentoj-etikedoj diras, ke la retumilo ignori ĉion inter ili, vi povas uzi ilin por malŝalti temporalmente iujn partojn de CSS-kodo. Ĉi tio povas esti oportuna kiam vi elpurigas aŭ kiam ĝustigas la retpaĝan formatadon.
Por fari tion, vi simple aldonus la malferman komenton-etikedon, kie vi volas, ke la kodo komencu esti malŝaltita kaj tiam metu tiun finan etikedon, kie vi volas ke la malebligita parto finiĝas. Ĉio inter tiuj etikedoj ne influos la vidan ekranon de iu retejo, permesante al vi elpurigi la CSS por vidi, kie problemo okazos. Vi povas eniri kaj ripari ĝuste tiun temon kaj forigi la komentojn de la kodo.
CSS Komentoj Konsiletoj
Kiel recap, jen kelkaj konsiletoj por memori pri uzado de komentoj en via CSS:
- Komentoj povas ampleksi multoblajn liniojn.
- Komentoj povas inkluzivi CSS-elementojn, kiujn vi ne volas per retumilo, sed ne volas forigi tute. Ĉi tio estas belega maniero por elpurigi la stilfoliojn de la retejo - simple forigu foruzitajn stilojn (kontraŭe lasante ilin komentitaj) se vi decidas, ke vi ne bezonas ilin en la retejo.
- Uzu komentojn kiam vi skribas komplika CSS aldoni klarigon kaj informi al futuraj programistoj, aŭ vi mem en la estonteco, pri gravaj aferoj, kiujn ili devus scii. Ĉi tio savos antaŭan tempon de disvolviĝo por ĉiuj implikitaj.
- Komentoj ankaŭ povas inkluzivi metan informojn kiel:
- aŭtoro
- dato kreita
- kopirajta informo
Elfaro
Komentoj certe povas esti helpema, sed konsciu, ke la pli da komentoj vi aldonas al stila folio, pli malplej ĝi fariĝos, kio influos la malŝarĝan rapidon kaj rendimenton de la retejo. Ĉi tio estas vera maltrankvilo, sed vi ne hezitu aldoni helpemajn kaj leĝajn komentojn pro timo, ke la agado suferos. Linioj de CSS ne aldonas gravan grandecon al dokumento. Vi devus aldoni TONS de linioj de komentoj por signifi efikon sur la grandeco de la CSS-dosiero. Aldonante plenmanon da utilaj komentoj al via CSS, vi ne donu al vi realan negativan efikon sur paĝ-rapido.
Al la fino, vi volas trovi la ekvilibron inter helpema komentoj kaj multajn komentojn por akiri la profitojn de ambaŭ en viaj CSS-dokumentoj.
Originala artikolo de Jennifer Krynin. Redaktita de Jeremy Girard la 7/5/17