Përfshirja e komenteve në kodin tuaj CSS është e dobishme dhe shumë e rekomanduar.
Çdo faqe është e përbërë nga elementë strukturorë (të cilët diktohen nga HTML), si dhe stili vizual ose "pamja dhe ndjenja" e asaj faqeje. Cascading Style Sheets (CSS) janë ato që përdoren për të përcaktuar pamjen vizuale të një faqe interneti. Këto stile mbahen të ndara nga struktura HTML për të lejuar lehtësimin e azhurnimit dhe respektimit të standardeve të uebit.
Me madhësinë e kompleksitetit të shumë faqeve të internetit sot, fletët e stileve mund të bëhen shumë të gjata dhe shumë të vështira për të punuar. Kjo është veçanërisht e vërtetë kur filloni të shtoni në pyetjet e medias për stilet e internetit të përgjegjshme . Ato kërkesa për mediat vetëm mund të shtojnë një sasi të konsiderueshme stilesh të reja në një dokument të CSS dhe ta bëjnë më të vështirë punën. Kjo është ajo ku komentet e CSS mund të bëhen një ndihmë e paçmueshme në një faqe interneti.
Shtimi i komenteve në skedarët CSS të një faqeje interneti është një mënyrë e shkëlqyer për të shtuar strukturën në seksionet e atij kodi për një lexues njerëzor që po shqyrton dokumentin. Është gjithashtu një metodë e mrekullueshme për shpjegimin e këtyre stileve për një profesionist të internetit i cili mund të duhet të punojë në vend në të ardhmen - përfshirë veten!
Në fund, komentet e CSS me zgjuarsi do të bëjnë që një fletë stil të jetë më e lehtë për t'u përpunuar. Kjo është, me të vërtetë, e rëndësishme për fletët e stilit që do të redaktohen nga ekipet. Komentet mund të përdoren për të komunikuar aspekte të rëndësishme të fletës së stilit me anëtarë të ndryshëm të ekipit të cilët ndoshta nuk janë të njohur me kodin. Këto komente mund të jenë gjithashtu shumë të dobishme për njerëzit që kanë punuar në këtë faqe, nëse ata kthehen në kodin pasi janë larguar prej saj për disa kohë. Unë shpesh kam pasur për të redaktuar një website i ndërtuar muaj apo edhe vite më parë dhe të kesh komentet e formatuara mirë në HTML dhe CSS është ndihmë shumë e mirëpritur! Mos harroni, vetëm sepse keni ndërtuar një faqe nuk do të thotë që ju do të mbani mend pse keni bërë gjërat që keni bërë kur ktheheni në atë vend në të ardhmen! Komentet mund t'i bëjnë qëllimet tuaja të qarta dhe të sqarojnë çdo keqkuptim para se të ndodhin.
Një gjë për të kuptuar në lidhje me komentet e CSS është se ato nuk shfaqen kur faqja bëhet në shfletues web. Këto komente janë vetëm informative, ashtu si komentet e HTML janë (edhe pse sintaksa është e ndryshme midis dy). Këto komente CSS nuk ndikojnë në pamjen vizuale të një faqe në asnjë mënyrë dhe janë thjesht të pranishme në kodin vetë.
Shtimi i komenteve CSS
Shtimi i një komenti CSS është mjaft i lehtë. Ju thjesht bookend komentin tuaj me hapjen e saktë dhe mbyllur tags koment:
- Filloni komentin tuaj duke shtuar / *
- Mbyll komentin tuaj duke shtuar * /
Çdo gjë që shfaqet midis këtyre dy etiketave do të jetë përmbajtja e komentit, e dukshme vetëm në kodin dhe nuk do të kryhet nga shfletuesi.
Një koment i CSS mund të jetë një vijë e vetme, ose mund të kërkojë linja të shumëfishta. Ja një shembull i vijës së vetme:
div # border_red {border: i kuq i hollë i ngurtë; } / * shembull kufi i kuq * /Dhe një shembull shumëplanësh:
/ *************************** ********************** ****** Stili për tekstin e kodit **************************** ************ *************** /Thyerja e seksioneve
Një nga mënyrat që unë shpesh përdor komentet CSS është që të organizoj fletën time të stilit në pjesë më të vogla, më lehtë të pakalueshme. Më pëlqen të jem në gjendje të shoh me lehtësi këto seksione kur lexoj skedarin më vonë. Për ta bërë këtë, unë shpesh shtoj komente me shumë hyphens në to në mënyrë që ata të japin pushime të mëdha, të dukshme në faqe që janë të lehta për t'u parë, ndërsa unë shpejt lëviz nëpër kodin. Këtu është një shembull:
/ * ----------------------- Styles Header ----------------------- ------- *Kur shoh një nga këto komente në kodin tim, e di se është fillimi i një seksioni të ri të atij dokumenti, duke më lejuar që të përpunoj dhe të përdorim kodin më lehtë.
& # 34; Duke komentuar & # 34; kod
Etiketat e komenteve gjithashtu mund të jenë të dobishme në procesin aktual të kodimit dhe debugging një faqe. Komentet mund të përdoren për të "komentuar" ose "fikur" fushat e atij kodi për të parë se çfarë ndodh nëse ky seksion nuk është pjesë e faqes.
Pra, si funksionon kjo? E pra, sepse komentet e komenteve tregojnë se shfletuesi të injorojë gjithçka ndërmjet tyre, ju mund t'i përdorni ato për të çaktivizuar përkohësisht disa pjesë të kodit CSS. Kjo mund të jetë e dobishëm kur debugging, ose kur përshtatjen formësimin Web faqe.
Për ta bërë këtë, thjesht do të shtosh etiketën e hapjes së komenteve ku dëshiron që kodi të fillojë të çaktivizohet dhe pastaj ta vendosë atë etiketë përfundimi ku dëshiron që pjesa me aftësi të kufizuara të përfundojë. Çdo gjë ndërmjet atyre etiketave nuk do të ndikojë në shfaqjen vizuale të një vendi, duke ju lejuar të debugoni CSS për të parë se ku mund të ndodhë një problem. Ju pastaj mund të hyni dhe të rregulloni vetëm atë çështje dhe të hiqni komentet nga kodi.
CSS komentuese Këshilla
Si një përmbledhje, këtu janë disa këshilla për t'u kujtuar për përdorimin e komenteve në CSS-në tuaj:
- Komentet mund të përfshijnë linja të shumëfishta.
- Komentet mund të përfshijnë elementë të CSS që ju nuk dëshironi të kryeni nga një shfletues, por nuk dëshironi të fshini plotësisht. Kjo është një mënyrë e mirë për të korrigjuar listat e stilit të një faqeje interneti - thjesht sigurohuni që të hiqni stilet e papërdorura (në krahasim me largimin e tyre të komentuar) nëse vendosni se nuk keni nevojë për ta në faqen e internetit
- Përdorni komentet sa herë që shkruani CSS të komplikuar për të shtuar sqarime dhe për të informuar zhvilluesit e ardhshëm, ose veten në të ardhmen, për gjërat e rëndësishme që duhet të dinë. Kjo do të kursejë kohën e ardhshme të zhvillimit për të gjithë të përfshirë.
- Komentet gjithashtu mund të përfshijnë informacion meta si:
- autor
- data e krijuar
- informacion mbi të drejtat e autorit
Performance
Komentet me siguri mund të jenë të dobishme, por të jeni të vetëdijshëm se sa më shumë komente që shtoni në një fletë stilesh, do të bëhet më e lartë, gjë që do të ndikojë në shpejtësinë dhe performancën e shkarkimit të faqes. Ky është një shqetësim i vërtetë, por ju nuk duhet të hezitoni të shtoni komente të dobishme dhe të ligjshme për frikën se performanca do të vuajë. Linjat e CSS nuk shtojnë madhësi të konsiderueshme në një dokument. Ju do të duhet të shtoni TONS të linjave të komenteve për të bërë një ndikim të rëndësishëm në madhësinë e skedarit CSS. Shtimi i disa komenteve të dobishme në CSS nuk duhet t'ju japë një ndikim neto negativ në shpejtësinë e faqes.
Në fund, ju do të doni të gjeni ekuilibrin midis komenteve të dobishme dhe shumë komenteve për të marrë përfitimet e të dyja në dokumentet tuaja CSS.
Artikulli origjinal nga Jennifer Krynin. Redaktuar prej Jeremy Girard më 7-05-17