Ynklusyf kommentaren yn jo CSS-koade is nuttich en tige oan te rieden.
Eltse webside is makke fan strukturele eleminten (dy't troch HTML beskôge wurde), lykas de visual style of "look and feel" fan dy side. Cascading Style Sheets (CSS) binne wat brûkt om it optreden fan in webside te bestjoeren. Dizze stilen wurde apart ôfhannele fan 'e HTML-struktuer om it makliker te meitsjen fan it fernijen en oanhâlden fan web-standerts.
Mei de grutte fan kompleksiteit fan hjoeddeiske websides kinne stylblêden fluch frijwat lang en tige moarmer wurde om mei te wurkjen. Dit is spesjaal wier as jo begjinne mei oanfreegje yn media-fraachjes foar responsive websiden . De media-fragen allinnich kinne in wichtige oantal nije stilen tafoegje oan in CSS-dokumint en meitsje it noch hurder om mei te wurkjen. Dit is wêr't CSS-kommentaren in ûnbrûkber help kinne wurde op in webside.
It tafoegjen fan reaksjes op in webside's CSS-bestannen is in geweldige manier om struktuer oan te dielen fan dy koade foar in minsklike lêzer dy't it dokumint beoardielje. It is ek in prachtige metoade om te ferklearjen dy stilen foar in web-profesjonele dy't miskien wêze moatte op 'e side yn' e takomst - wêrûnder josels!
Op it lêst, tegearre tafoegje CSS-kommentaren sil in stylblêd makliker meitsje om te ferwurkjen. Dit is yndie wichtich foar stylblêden dy't troch ploegen bewurke wurde. Kommentaar kin brûkt wurde om wichtige aspekten fan it stylblêd te kommunisearjen nei ferskate leden fan it team dy't net algemien wêze kin mei de koade. Dizze kommentaren kinne ek tige nuttig wêze foar minsken dy't wurke hawwe op 'e side, as se weromgean yn' e koade, nei't se in oantal tiid fuort binne. Ik haw faak in webside oanmeitsje dy't ik moannen boude of sels jierren lyn bouwe en goed formattearre kommentaren yn 'e HTML en CSS is tige wolkom help! Tink derom, allinich om't jo in side boud hawwe, betsjuttet net dat jo werkenne wurde wêrom't jo de dingen jo dogge doe't jo werom komme op dizze side yn 'e takomst! Kommentaar kin jo yntinsjes dúdlik meitsje en dúdlik meitsje wat misferstannen foardat se sels barre.
Ien ding om te begripen oer CSS-kommentaren is dat se net werjûn wannear't de side yn web-browsers rint. Dizze kommentaar binne allinich ynformatyf, krekt lykas HTML-kommentaar (hoewol de syntaksis is oars tusken beide). Dizze kommentaren fan CSS hawwe gjin ynfloed op 'e fisuele werjefte fan in side op hokker wize en binne ienfâldich yn' e koade oanwêzich.
CSS-Kommentaren taheakje
It tafoegje fan in CSS-kommentaar is hiel maklik. Jo biede jo jo reaksje gebrûk fan 'e korrekte iepening en slútekommintaar tags:
- Begjin jo reaksje troch taheakje /
- Slute jo reaksje troch taheakje * /
Alles dat tusken dizze twa tags ferskynt sil de ynhâld fan 'e kommentaar wêze, allinne sichtber yn' e koade en net troch de browser feroend.
In CSS-kommentaar kin in inkele rigel wêze, of it kin meardere rigels opnimme. Hjir is in inkele line foarbyld:
div # border_red {border: thin solid red; } / * readgrutte foarbyld * /En in multiline foarbyld:
/ ********************** ********************* ****** Stil foar koade tekst ***************************** ************ *************** /Ôfbrekke ôfdielingen
Ien fan 'e wizen dy't ik faaks brûke kin CSS is om myn stylblêd te organisearjen yn lytsere, makliker ûnstjoerbere skuon. Ik kin graach dizze siden maklik te sjen sjen as ik it bestân letter sprekke sil. Om dit te meitsjen, haw ik faak tafoegingen mei in protte bijen yn har sadat se in grutte, fanselssprekke brekke op 'e side dy't maklik te sjen binne as ik fluch troch de koade scrolle. Hjir is in foarbyld:
/ * ----------------------- Header Styles ----------------------- ------- * /As ik ien fan dizze kommentaren yn myn koade sjoch, dan wit ik dat it is in start fan in nije seksje fan dat dokumint, sadat ik it koade makliker ferwurket en brûke kin.
& # 34; Commenting Out & # 34; Koade
Kommento-tags kinne ek nuttich wêze yn it feitlike proses fan kodearjen en debuggen fan in side. Kommentaar kin brûkt wurde om "gebrûk te meitsjen" of "ôfbrekke" gebieten fan dy koade om te sjen wat der bard is as dizze seksje gjin diel is fan 'e side.
Wêrom wurket dit? No, om't de kommentaar tags foar de blêder fertelle om alles tusken har te negearjen, kinne jo se brûke om tydlike skermen fan dielen fan CSS-koade te wiskjen. Dit kin handich wêze as it debugjen, of by it oanpassen fan webside formaat.
Om dit te dwaan, moatte jo ienfâldich de tagong kommentaar taheakje dêr't jo de koade begjinne te begjinnen útskeakelje en dêrnei it einige tag pleatst wêr jo de yndielde diel oanmeitsje wolle. Alles tusken dizze tags sil de ynfloed fan in side net beynfloedzje, sadat jo it CSS debugelje om te sjen wêr't in probleem wêze kin. Jo kinne dan allinich yngean en beheare en it kommentaar fan 'e koade fuortsmite.
CSS kommentaar tips
As rapper, hjir binne guon tips om te herkenjen foar it brûken fan kommentaren yn jo CSS:
- Kommentaar kin meardere rigels berikke.
- Kommentaar kin elke CSS-eleminten wêze dy't jo net wolle troch in blêder, mar wolle net folslein wiskje. Dit is in noflike manier om de stylblêden fan in webside te debuggen - gewoan te bewarjen fan ungebrûkte stilen (yn tsjinstelling ta it loftsjen fan kommentare) as jo beslute dat jo se net nedich hawwe op 'e webside
- Brûk kommentaar wannear jo komplisearre CSS skriuwe om klarifikaasje te oanmelden en te kinnen fan fierdere ûntwikkelers, of sels yn 'e takomst, oer wichtige dingen dy't se witte moatte. Dit sil de takomstige ûntwikkeling tiid foar alle belutsen bewarje.
- Opmerkingen kinne ek meta-ynformaasje hawwe as:
- skriuwer
- date created
- copyright information
Optreden
Kommentaar kin wis fan wêze, mar bewust wêze dat de mear kommentaren jo tafoegje oan in stylblêd, de heftiger wurdt it wurde, wat beynfloedet op in downloadsnivo's en prestaasjes. Dit is in echte oandwaning, mar jo soargje net om nuttige en legitime reaksjes te foegjen foar eangst dat de prestaasje lijt. Lines fan CSS taheakje gjin submappen foar in dokumint. Jo moatte TONS oanmeitsje fan rigels fan kommentaar om in wichtige ynfloed te meitsjen op 'e grutte fan it CSS-bestân. It tafoegje fan in handful fan brûkte kommentaren yn jo CSS moat jo net in negative negative ynfloed op side-fluch jaan.
Oan 'e ein wolle jo de lykwicht tusken hilfeande reaksjes en te folle kommentaren fine om de foardielen fan sawol yn jo CSS dokuminten te krijen.
Oarspronklik artikel fan Jennifer Krynin. Edited by Jeremy Girard on 7/5/17