Cum se adaugă comentarii la foile de stil cascadă (CSS)

Fiecare site web este alcătuit din elemente structurale (dictate de HTML), funcționale și stilistice. Foi de stil cascadă (CSS) sunt folosite pentru a dicta aspectul ("aspectul") al unui site web. Aceste stiluri sunt păstrate separate de structura HTML pentru a permite ușurința de a actualiza și de a respecta standardele web.

Problema cu foile de stil

Cu mărimea și complexitatea multor site-uri web de astăzi, stilurile pot deveni destul de lungi și greoaie. Acest lucru este valabil mai ales acum că interogările mass-media pentru stilurile de site responsabile sunt o parte esențială a designului, asigurându-se că un site web arata așa cum ar trebui, indiferent de dispozitiv. Numai aceste interogări media pot adăuga un număr semnificativ de stiluri noi unui document CSS, ceea ce face cu atât mai greu să lucrați. Aici, comentariile CSS pot deveni un ajutor neprețuit pentru designerii și dezvoltatorii de site-uri Web.

Comentarii Adaugă structura și claritatea

Adăugarea de comentarii la fișierele CSS ale unui site web este o modalitate excelentă de a organiza secțiuni ale acelui cod pentru un cititor uman care revizuiește documentul. De asemenea, asigură coerența atunci când un profesionist de web preia locul în care un altul pleacă sau când echipe de oameni lucrează pe un site.

Comentariile bine formatate pot comunica aspecte importante ale foii de stiluri membrilor unei echipe care poate să nu cunoască deja codul. Aceste comentarii sunt, de asemenea, foarte utile pentru persoanele care au lucrat pe site înainte, dar care nu au fost recent; proiectanții web lucrează de obicei pe multe site-uri, iar amintirea strategiilor de proiectare de la unul la altul este dificilă.

Numai pentru ochi pentru profesioniști

Comentariile CSS nu sunt afișate atunci când pagina se redă în browserele web. Aceste comentarii sunt doar informaționale, la fel cum sunt și comentariile HTML (deși sintaxa este diferită). Aceste comentarii CSS nu afectează afișarea vizuală a unui site în nici un fel.

Adăugarea de comentarii CSS

Adăugarea unui comentariu CSS este destul de ușoară. Vă rezervați pur și simplu comentariul cu etichetele corecte de deschidere și închidere:

Începeți comentariul adăugând
/*
Închideți comentariul adăugând
*/

Orice lucru care apare între aceste două etichete este conținutul comentariului, vizibil numai în cod și nu redat de browser.

Un comentariu CSS poate prelua orice număr de linii. Iată două exemple:

/ * exemplu de margine roșie * / div # border_red { frontieră: roșu subțire; }/*******************************************************Stil pentru textul de cod*******************************************************/

Ștergerea secțiunilor

Mulți designeri organizează foi de stil în bucăți mici, ușor digerabile, ușor de scanat la citire. În mod obișnuit, veți vedea comentariile precedate și urmate de o serie de cratime care creează pauze mari, vizibile în pagină, ușor de văzut. Iată un exemplu:

/ * ----------------------- Stiluri de antet ----------------------- ------- * /
Aceste comentarii indică începutul unei noi secțiuni de codificare.

Codul "Comentariu"

Deoarece etichetele de comentariu spun că browserul ignoră totul între ele, le puteți folosi pentru a dezactiva temporar anumite părți ale codului CSS. Acest lucru poate fi util la depanare sau la ajustarea formatării paginii web. De fapt, designerii le folosesc de multe ori pentru a "comenta" sau a "dezactiva" zonele de cod pentru a vedea ce se întâmplă dacă acea secțiune nu face parte din pagină.

Pentru a face acest lucru, trebuie doar să adăugați eticheta pentru deschiderea comentariului înainte de codul pe care doriți să îl comenteze (dezactivați); plasați eticheta de închidere în locul în care doriți ca porțiunea dezactivată să se termine. Nimic între aceste etichete nu va afecta afișarea vizuală a unui site, permițându-vă să depanați CSS pentru a vedea unde se întâmplă o problemă. Apoi puteți intra și rezolvați doar acea problemă și eliminați comentariile din cod.

CSS Comentariu sfaturi

Ca o recapitulare, iată câteva sfaturi de reținut pentru utilizarea comentariilor în CSS:

Comentariile pot cuprinde mai multe linii.

Comentariile pot include elemente CSS pe care nu doriți ca un browser să le facă, dar pe care nu doriți să le ștergeți complet. Amintiți-vă să eliminați stilurile neutilizate (spre deosebire de a le lăsa comentate) dacă decideți că nu aveți nevoie de ele pe site.

Folosiți comentarii ori de câte ori scrieți CSS complicat pentru a adăuga structuri, clarifica deciziile de proiectare și pentru a informa dezvoltatorii viitori (sau pentru a vă reaminti) despre considerații importante. Acest lucru economisește timp în viitor pentru toți cei implicați.

Comentariile pot include, de asemenea, informații meta cum ar fi:

Autor

Data creării

Drepturi de autor

Performanţă

În timp ce adăugați prea multe comentarii pot afecta viteza de descărcare și performanța unui site, nu trebuie să ezitați să le folosiți. Ar fi nevoie de mai multe rânduri de comentarii pentru a avea un impact negativ semnificativ. Ca atâtea aspecte ale designului web, totul se reduce la echilibru.