Unsaon Pagsulod sa CSS Comment

Ang pag-apil sa mga komentaryo sa imong CSS code mapuslanon ug girekomendar kaayo.

Ang matag website gilangkoban sa mga elemento sa estruktura (nga gidiktar sa HTML) ingon man ang visual style o "tan-awon ug gibati" sa maong site. Ang Cascading Style Sheets (CSS) mao ang gigamit aron pagdiktar sa biswal nga dagway sa usa ka website. Kini nga mga estilo gihuptan nga lahi gikan sa istruktura sa HTML aron mapagaan ang pag-update ug pagsunod sa mga sumbanan sa Web.

Tungod sa kadako sa pagkakomplikado sa daghang mga website karon, ang mga estilo sa estilo dali nga mahimong taas kaayo ug makahuluganon kaayo sa pagtrabaho. Tinuod kini ilabi na kung magsugod ka sa pagdugang sa mga pangutana sa media alang sa mga estilo sa website nga responsive . Kadtong mga pangutana sa media nga nag-inusara makadugang sa usa ka mahinungdanon nga kantidad sa mga bag-ong mga estilo sa usa ka CSS nga dokumento ug labi pang lisud ang pagtrabaho. Kini diin ang mga komentaryo sa CSS mahimo nga usa ka hinungdanon nga tabang sa usa ka website.

Ang pagdugang og mga komentaryo sa mga file sa CSS sa usa ka website usa ka maayong paagi sa pagdugang sa istruktura sa mga seksyon niana nga kodigo alang sa usa ka magbabasa sa tawo kinsa nagribyu sa dokumento. Kini usab usa ka talagsaon nga pamaagi sa pagpatin-aw sa mga estilo alang sa usa ka propesyonal sa web nga tingali kinahanglan nga magtrabaho sa site sa umaabot - lakip ang imong kaugalingon!

Sa katapusan, ang maalamon nga pagdugang sa mga komentaryo sa CSS maghimo sa usa ka style sheet nga mas sayon ​​nga iproseso. Kini, sa pagkatinuod, mahinungdanon alang sa style sheets nga i-edit sa mga team. Ang mga komentaryo mahimo nga gamiton aron ipaambit ang importante nga mga aspeto sa style sheet ngadto sa nagkalainlain nga mga sakop sa team kinsa dili pamilyar sa code na. Kini nga mga komentaryo mahimo usab nga makatabang kaayo alang sa mga tawo nga nagtrabaho sa site kaniadto kon sila mobalik sa kodigo human nga layo gikan niini sulod sa pipila ka panahon. Kanunay kong mag-edit sa usa ka website nga akong gitukod mga bulan o bisan mga tuig na ang milabay ug ang maayo nga porma nga mga komentaryo sa HTML ug CSS maayo kaayo nga tabang! Hinumdumi, tungod lamang nga ikaw nagtukod og usa ka site wala magpasabut nga imong mahinumduman nganong imong gibuhat ang mga butang nga imong gibuhat sa dihang ikaw mibalik sa maong site sa umaabot! Ang mga komentaryo mahimo sa paghimo sa imong mga intensyon nga tin-aw ug tin-aw ang bisan unsa nga dili pagsinabtanay sa wala pa kini mahitabo.

Ang usa ka butang nga masabtan mahitungod sa mga komentaryo sa CSS mao nga dili kini gipakita kung ang pahina nag-render sa mga web browser. Kanang mga komentaryo mao lamang ang impormasyon, sama sa mga komentaryo sa HTML (bisan pa nga nagkalahi ang syntax sa duha). Kini nga mga komentaryo sa CSS wala makaapekto sa visual display sa usa ka site sa bisan unsa nga paagi ug anaa ra sa code mismo.

Pagdugang sa mga Komento sa CSS

Ang pagdugang sa komento sa CSS sayon ​​ra. Nagbasa ka lang sa imong comment sa husto nga pag-abli ug panapos nga comment tags:

Ang bisan unsa nga makita tali sa duha ka mga tag mao ang unod sa komentaryo, makita lamang sa code ug dili gihatag sa browser.

Ang usa ka comment CSS mahimong usa ka linya, o kini mahimo nga adunay daghang mga linya. Ania ang usa ka linya nga pananglitan:

div # border_red {border: nipis nga solid red; } / * red border example * /

Ug usa ka pananglitan sa multiline:

/ *************************** ********************** ****** Estilo sa code nga teksto **************************** ************ *************** /

Paglapas sa mga Seksyon

Usa sa mga paagi nga kanunay nakong gigamit ang mga komentaryo sa CSS mao ang pag-organisar sa akong style sheet sa mas gagmay, mas sayon ​​nga mga tipik. Ganahan kong dali nga makita kining mga seksyon kon mag-usisa ko sa file sa ulahi. Sa paghimo niini, ako sa kasagaran makadugang sa mga komentaryo nga adunay daghang mga pagputok diha kanila aron sila makahatag og dako, klaro nga mga pagputol sa panid nga sayon ​​nga makita samtang ako dali nga mag-scroll sa code. Ania ang usa ka pananglitan:

/ * ----------------------- Header Styles ----------------------- ------- * /

Sa dihang nakita nako ang usa niining mga komentaryo sa akong code, nahibal-an ko nga kini ang sinugdanan sa usa ka bag-ong seksyon sa dokumento, nga nagtugot kanako sa mas dali nga pagproseso ug paggamit sa code.

& # 34; Nagkomento Gikan & # 34; Code

Ang mga tag sa comment mahimong mapuslan usab sa aktwal nga proseso sa coding ug pag-debug sa usa ka panid. Ang mga komentaryo mahimong gamiton sa "pagkomento" o "pagpatay" sa mga dapit niana nga kodigo aron makita kung unsay mahitabo kung kana nga seksyon dili usa ka bahin sa panid.

Busa unsaon kini pagtrabaho? Buweno, tungod kay ang mga tag sa komento nagsulti sa browser nga ibalewala ang tanan sa tunga nila, mahimo nimo kining gamiton aron temporaryo nga maglikay sa pipila ka mga bahin sa CSS code. Mahimo kini nga magamit sa pag-debug, o sa pag-adjust sa pag-format sa Web page.

Aron mahimo kini, idugang nimo ang pangbukas nga tag sa komento kung asa nimo gusto ang kod nga magsugod nga dili kapugngan ug unya ibutang ang katapusan nga tag diin gusto nimo ang katapusan nga bahin sa disabled. Ang tanan sa tunga sa mga tag dili makaapekto sa visual display sa usa ka site, nga makapahimo kanimo sa pag-debug sa CSS aron makita kung asa ang usa ka suliran mahimong mahitabo. Mahimo nimong mosulod ug ayuhon ang maong isyu ug kuhaon ang mga komento gikan sa code.

CSS Commenting Tips

Ingon nga recap, ania ang pipila ka tip nga mahinumduman sa paggamit sa mga komentaryo sa imong CSS:

  1. Ang mga komentaryo mahimo nga adunay daghang linya.
  2. Ang mga komentaryo mahimo nga maglakip sa mga elemento sa CSS nga dili nimo gusto nga isulat sa usa ka browser, apan dili gusto nga hingpit nga makuha. Kini usa ka maayong paagi sa pag-debug sa style sheets sa usa ka website - segurado nga kuhaon ang wala gigamit nga mga estilo (nga sukwahi sa pagbiya niini nga nagkomentaryo) kon mohukom nga dili nimo kinahanglan kini sa website
  3. Paggamit og mga komentaryo sa matag higayon nga mosulat ka komplikado sa CSS aron idugang ang klaripikasyon ug ipahibalo sa umaabot nga mga developers, o sa imong kaugmaon, mahitungod sa mga importante nga mga butang nga kinahanglan nilang mahibal-an. Kini makaluwas sa umaabot nga panahon sa kalamboan alang sa tanan nga nalambigit.
  4. Ang mga komento mahimo usab nga maglakip sa meta nga impormasyon sama sa:
    • awtor
    • petsa nga gibuhat
    • impormasyon sa copyright

Pagganap

Ang mga komentaryo mahimo nga mapuslanon, apan mahunahuna nga ang dugang nga mga komentaryo nga imong idugang ngadto sa usa ka estilo nga estilo, kini mahimong usa ka dako, nga makaapekto sa usa ka site sa download speed ug performance. Kini usa ka tinuod nga kabalaka, apan dili ka magpanuko sa pagdugang sa matinabangon ug mga lehitimong mga komentaryo tungod sa kahadlok nga ang pag-antus mag-antus. Ang mga linya sa CSS wala magdugang sa igo nga gidak-on sa usa ka dokumento. Kinahanglan nimong idugang ang TONS sa mga linya sa mga komentaryo aron makahimo og usa ka mahinungdanong epekto sa gidak-on sa CSS file. Ang pagdugang sa pipila ka mapuslanon nga mga komentaryo ngadto sa imong CSS dili mohatag kanimo og usa ka net nga negatibong epekto sa katulin sa panid.

Sa katapusan, gusto nimo nga makit-an ang balanse tali sa makatabang nga mga komentaryo ug daghan kaayo nga mga komentaryo aron makuha ang mga benepisyo sa duha sa imong mga dokumento sa CSS.

Ang orihinal nga artikulo ni Jennifer Krynin. Gi-edit ni Jeremy Girard sa 7/5/17