Mae cynnwys sylwadau yn eich cod CSS yn ddefnyddiol ac yn cael ei argymell yn fawr.
Mae pob gwefan yn cynnwys elfennau strwythurol (sy'n cael eu pennu gan HTML) yn ogystal ag arddull weledol neu "edrych a theimlo" y wefan honno. Casgliadau Arddulliau (CSS) yw'r hyn a ddefnyddir i bennu ymddangosiad gweledol gwefan. Cedwir yr arddulliau hyn ar wahān i'r strwythur HTML er mwyn hwyluso diweddaru a chydymffurfio â safonau'r We.
Gyda maint cymhlethdod nifer o wefannau heddiw, gall taflenni arddull ddod yn eithaf hir ac yn anodd iawn i weithio gyda nhw. Mae hyn yn arbennig o wir pan ddechreuwch ychwanegu ymholiadau gan y cyfryngau ar gyfer arddulliau gwefannau ymatebol . Gall yr ymholiadau hynny yn y cyfryngau yn unig ychwanegu llawer iawn o arddulliau newydd at ddogfen CSS a'i gwneud yn anoddach gweithio gyda hi hyd yn oed. Dyma lle gall sylwadau CSS ddod yn gymorth amhrisiadwy ar wefan.
Mae ychwanegu sylwadau at ffeiliau CSS gwefan yn ffordd wych o ychwanegu strwythur i adrannau o'r cod hwnnw ar gyfer darllenydd dynol sy'n adolygu'r ddogfen. Mae hefyd yn ddull gwych i esbonio'r arddulliau hynny ar gyfer gweithiwr proffesiynol ar y we a allai fod yn rhaid iddo weithio ar y safle yn y dyfodol - gan gynnwys eich hun!
Yn y diwedd, bydd sylwadau CSS ychwanegwyd yn smart yn gwneud taflen arddull yn haws ei phrosesu. Mae hyn, yn wir, yn bwysig ar gyfer taflenni arddull a fydd yn cael eu golygu gan dimau. Gellir defnyddio sylwadau i gyfathrebu agweddau pwysig o'r daflen arddull i wahanol aelodau o'r tîm nad ydynt efallai'n gyfarwydd â'r cod eisoes. Gall y sylwadau hyn fod yn ddefnyddiol iawn hefyd i bobl sydd wedi gweithio ar y safle o'r blaen os ydynt yn mynd yn ôl i'r cod ar ôl cael gwared arno ers peth amser. Yn aml, bu'n rhaid i mi olygu gwefan a adeiladais fisoedd neu hyd yn oed flynyddoedd yn ôl, ac mae croeso i chi gael sylwadau sydd wedi'u fformatio'n dda yn HTML a CSS! Cofiwch, dim ond oherwydd eich bod chi wedi adeiladu safle yn golygu na fyddwch yn cofio pam wnaethoch chi'r pethau a wnaethoch pan fyddwch chi'n dychwelyd i'r safle hwnnw yn y dyfodol! Gall sylwadau wneud i'ch bwriadau glir a chlirio unrhyw gamddealltwriaeth cyn iddynt ddigwydd hyd yn oed.
Un peth i ddeall am sylwadau CSS yw nad ydynt yn cael eu harddangos pan fydd y dudalen yn rendro mewn porwyr gwe. Mae'r sylwadau hynny yn wybodaeth yn unig, yn union fel sylwadau HTML (er bod y cystrawen yn wahanol rhwng y ddau). Nid yw'r sylwadau CSS hyn yn effeithio ar arddangosiad gweledol safle mewn unrhyw ffordd ac yn syml yn y cod ei hun.
Ychwanegu Sylwadau CSS
Mae ychwanegu sylwadau CSS yn eithaf hawdd. Rydych chi ond yn archebu'ch sylw gyda'r tagiau sylwadau agor a chau cywir:
- Dechreuwch eich sylwadau trwy ychwanegu / *
- Caewch eich sylw trwy ychwanegu * /
Unrhyw beth sy'n ymddangos rhwng y ddau dag yma fydd cynnwys y sylw, yn weladwy yn unig yn y cod ac nid yw'r porwr wedi'i rendro.
Gall sylw CSS fod yn un llinell, neu gall gymryd nifer o linellau. Dyma enghraifft un llinell:
div # border_red {ffin: coch solet tenau; } / * enghraifft ffin goch * /Ac enghraifft aml-llinyn:
/ *************************** ********************** Arddull ****** ar gyfer cod testun **************************** ************ *************** /Adrannau Torri Allan
Un o'r ffyrdd yr wyf yn aml yn defnyddio sylwadau CSS yw trefnu fy nhalen arddull mewn darnau llai, anhygoel. Rwy'n hoffi gallu gweld yr adrannau hyn yn hawdd pan fyddaf yn torri'r ffeil yn ddiweddarach. I wneud hyn, rwyf yn aml yn ychwanegu sylwadau gyda llawer o gysylltiadau ynddynt fel eu bod yn darparu egwyliau mawr, amlwg yn y dudalen sy'n hawdd eu gweld wrth i mi sgrolio drwy'r cod yn gyflym. Dyma enghraifft:
/ * ----------------------- Ffyrdd Pennawd ----------------------- ------- * /Pan fyddaf yn gweld un o'r sylwadau hyn yn fy nghod, rwy'n gwybod mai dechrau rhan newydd o'r ddogfen honno yw fy mod yn caniatáu i mi brosesu a defnyddio'r cod yn haws.
& # 34; Gwneud sylw & # 34; Côd
Gall tagiau sylwadau hefyd fod yn ddefnyddiol yn y broses wirio o godio a dadfygio tudalen. Gellir defnyddio sylwadau i "roi sylw" neu "ddileu" ardaloedd y cod hwnnw i weld beth sy'n digwydd os nad yw'r rhan honno yn rhan o'r dudalen.
Felly sut mae hyn yn gweithio? Wel, oherwydd bod y tagiau sylwadau'n dweud wrth y porwr i anwybyddu popeth rhyngddynt, gallwch eu defnyddio i analluogi rhai rhannau o god CSS dros dro. Gall hyn fod yn ddefnyddiol wrth ddadfygu, neu wrth addasu fformat y dudalen We.
I wneud hyn, byddech yn syml yn ychwanegu'r tag sylw agoriadol lle rydych am i'r cod ddechrau cael ei analluogi ac yna rhowch y tag diweddu hwnnw lle rydych am i'r rhan anabl ddod i ben. Ni fydd popeth rhwng y tagiau hynny yn effeithio ar arddangosiad gweledol y safle, gan eich galluogi i ddadgwyddo'r CSS i weld lle gallai problem fod yn digwydd. Yna gallwch chi fynd i mewn a gosod y mater hwnnw yn unig a dileu'r sylwadau o'r cod.
Cynghorion Sylw CSS
Fel cofnod, dyma rai awgrymiadau i'w cofio am ddefnyddio sylwadau yn eich CSS:
- Gall sylwadau rhychwantu llinellau lluosog.
- Gall sylwadau gynnwys elfennau CSS nad ydych chi am eu gwneud gan borwr, ond nid ydynt am gael eu dileu yn gyfan gwbl. Mae hon yn ffordd wych o ddadfygio taflenni arddull y wefan - dim ond sicrhewch eich bod yn dileu arddulliau nas defnyddiwyd (yn hytrach na'u hanfon allan) os penderfynwch nad oes eu hangen arnoch ar y wefan
- Defnyddiwch sylwadau pryd bynnag y byddwch chi'n ysgrifennu CSS cymhleth i ychwanegu eglurhad ac i hysbysu datblygwyr yn y dyfodol, neu eich hun yn y dyfodol, am bethau pwysig y dylent eu gwybod. Bydd hyn yn arbed amser datblygu'r dyfodol i bawb sy'n gysylltiedig.
- Gall sylwadau hefyd gynnwys meta gwybodaeth fel:
- awdur
- dyddiad wedi'i greu
- gwybodaeth hawlfraint
Perfformiad
Yn sicr, gall sylwadau fod o gymorth, ond byddwch yn ymwybodol mai'r mwy o sylwadau y byddwch chi'n eu ychwanegu at ddalen arddull, y mwyaf lle bydd yn dod, a fydd yn effeithio ar gyflymder a pherfformiad lawrlwytho'r safle. Mae hyn yn bryder gwirioneddol, ond ni ddylech oedi i ychwanegu sylwadau defnyddiol a chyfreithlon am ofn y bydd perfformiad yn dioddef. Nid yw llinellau CSS yn ychwanegu maint sylweddol i ddogfen. Byddai angen i chi ychwanegu TON o linellau sylwadau i gael effaith sylweddol ar faint y ffeil CSS. Ni ddylai ychwanegu dyrnaid o sylwadau defnyddiol i'ch CSS roi effaith negyddol net i chi ar gyflymder y dudalen.
Yn y pen draw, byddwch am ddod o hyd i'r cydbwysedd rhwng sylwadau defnyddiol a gormod o sylwadau i gael buddion y ddau yn eich dogfennau CSS.
Erthygl wreiddiol gan Jennifer Krynin. Golygwyd gan Jeremy Girard ar 7/5/17