તમારા CSS કોડમાં ટિપ્પણીઓ શામેલ છે અને તે ખૂબ આગ્રહણીય છે.
દરેક વેબસાઈટ માળખાકીય ઘટકો (જે એચટીએમએલ દ્વારા નિર્ધારિત છે) તેમજ વિઝ્યુઅલ સ્ટાઇલ અથવા તે સાઇટના "લૂક અને લાગણી" થી બનેલી છે. કેસ્કેડીંગ સ્ટાઇલ શીટ્સ (CSS) એ વેબસાઇટની દ્રશ્ય દેખાવને નિયંત્રિત કરવા માટે ઉપયોગમાં લેવાય છે. આ શૈલીઓ HTML માળખાથી અલગ રાખવામાં આવે છે જે વેબ ધોરણોને અપડેટ કરવા અને અનુસરવાની સરળતા માટે પરવાનગી આપે છે.
આજે ઘણા વેબસાઇટ્સની જટિલતાના કદ સાથે, શૈલી શીટ્સ ઝડપથી કામ કરવા માટે ખૂબ લાંબી અને ખૂબ જટિલ બની શકે છે. આ ખાસ કરીને સાચું છે જ્યારે તમે પ્રતિસાદશીલ વેબસાઇટ શૈલીઓ માટે મીડિયા ક્વેરીઝમાં ઉમેરવાનું શરૂ કરો છો . એકલા તે મીડિયા પ્રશ્નો સી.એસ.એસ. (CSS) ડોક્યુમેન્ટમાં નોંધપાત્ર પ્રમાણમાં નવી શૈલીઓ ઉમેરી શકે છે અને તે સાથે કામ કરવા માટે પણ મુશ્કેલ બનાવે છે. આ તે છે જ્યાં CSS ટિપ્પણીઓ વેબસાઇટ પર અમૂલ્ય સહાય બની શકે છે.
વેબસાઇટની CSS ફાઇલો પર ટિપ્પણીઓ ઉમેરવાથી માનવીય રીડર માટે તે કોડનાં વિભાગોમાં માળખું ઉમેરવાનો એક સરસ માર્ગ છે જે દસ્તાવેજની સમીક્ષા કરી રહ્યું છે. વેબ પ્રોફેશનલ માટે તે શૈલીઓ સમજાવીને માટે એક અદ્ભુત પદ્ધતિ છે કે જેણે ભવિષ્યમાં સાઇટ પર કામ કરવું પડશે - તમારા સહિત!
અંતે, smartly ઉમેરવામાં સીએસએસ ટિપ્પણીઓ પ્રક્રિયા કરવા માટે એક શૈલી શીટ સરળ બનાવશે. આ ખરેખર, શૈલી શીટ્સ માટે મહત્વપૂર્ણ છે જે ટીમો દ્વારા સંપાદિત કરવામાં આવશે. ટિપ્પણીઓનો ઉપયોગ સ્ટાઇલ શીટના મહત્વના પાસાઓને ટીમના જુદા જુદા સભ્યોને સંચાર કરવા માટે વાપરી શકાય છે, જે કોડ સાથે પહેલાથી જ પરિચિત ન હોય. આ ટિપ્પણીઓ લોકો માટે ખૂબ જ મદદરૂપ થઈ શકે છે જેમણે સાઇટ પર કામ કર્યું છે તે પહેલાં જો તેઓ થોડા સમય માટે તેનાથી દૂર થયા પછી કોડમાં પાછા આવે. મારી પાસે ઘણીવાર મહિનાઓ કે વર્ષ પૂર્વે મેં બનાવેલી વેબસાઇટને સંપાદિત કરવી પડી છે અને HTML અને CSS માં સારી રીતે ફોર્મેટ કરેલી ટિપ્પણીઓ ખૂબ સ્વાગત સહાય છે! યાદ રાખો, કારણ કે તમે કોઈ સાઇટ બનાવી છે તેનો અર્થ એ નથી કે તમે યાદ રાખશો કે તમે ભવિષ્યમાં તે સાઇટ પર પાછા ફર્યા ત્યારે તમે જે વસ્તુઓ કરી હતી તે તમે કર્યું છે! ટિપ્પણીઓ તમારા ઇરાદા સ્પષ્ટ કરી શકે છે અને કોઈપણ ગેરસમજણો દૂર કરી શકે તે પહેલા પણ થાય છે.
CSS ટિપ્પણીઓ વિશે સમજવા માટેની એક વસ્તુ એ છે કે જ્યારે વેબ બ્રાઉઝરમાં પૃષ્ઠ રેન્ડર કરે છે ત્યારે તે દર્શાવવામાં આવતી નથી. તે ટિપ્પણીઓ માત્ર જાણકારીની છે, જેમ કે એચટીએમએલ ટિપ્પણીઓ છે (જોકે વાક્યરચના બે વચ્ચે અલગ છે). આ સી.એસ.એસ. ટિપ્પણીઓ કોઈ પણ રીતે દ્રશ્ય પ્રદર્શનને અસર કરતી નથી અને ફક્ત કોડમાં જ હાજર છે.
સીએસએસ ટિપ્પણીઓ ઉમેરી રહ્યા છે
એક સીએસએસ ટિપ્પણી ઉમેરવાનું ખૂબ સરળ છે. તમે તમારી ટિપ્પણીને યોગ્ય ઓપનિંગ અને ક્લોઝિંગ ટિપ્પણી ટૅગ્સ સાથે સરળતાથી બુક કરો:
- / * ઉમેરીને તમારી ટિપ્પણી શરૂ કરો
- * / ઉમેરીને તમારી ટિપ્પણીને બંધ કરો
આ બે ટૅગ્સ વચ્ચે જે કંઇપણ દેખાય છે તે ટિપ્પણીની સામગ્રી હશે, જે ફક્ત કોડમાં દેખાશે અને બ્રાઉઝર દ્વારા રેન્ડર નહીં.
એક સીએસએસ ટિપ્પણી એક વાક્ય હોઈ શકે છે, અથવા તે બહુવિધ રેખાઓ લાગી શકે છે. અહીં એક લાઈન ઉદાહરણ છે:
div # border_red {સરહદ: પાતળા ઘન લાલ; } / * લાલ સરહદ ઉદાહરણ * /અને એક મલ્ટીલાઇન ઉદાહરણ:
/ **************************** ********************************************************************* કોડ ટેક્સ્ટ માટે ****** પ્રકાર *********************************************************************************** *************** /વિભાગો બહાર ભંગ
હું ઘણીવાર સી.એસ.એસ. ટિપ્પણીઓનો ઉપયોગ કરતો એક રીત છે મારી સ્ટાઇલ શીટને નાની, વધુ સહેલાઈથી વિનાશક હિસ્સામાં ગોઠવવા. હું આ વિભાગોને સરળતાથી જોઈ શકું છું જ્યારે હું ફાઇલને પછીથી વિચાર્યો છું. આવું કરવા માટે, હું વારંવાર તેમાં હાઇફન્સ ઘણાં બધાં સાથે ટિપ્પણીઓ ઉમેરું છું જેથી તેઓ પેજમાં મોટા, સ્પષ્ટ અંતરાયો આપે છે જે જોવા માટે સરળ છે કારણ કે હું ઝડપથી કોડ દ્વારા સ્ક્રોલ કરું છું. અહીં એક ઉદાહરણ છે:
/ * ----------------------- હેડર સ્ટાઇલ ----------------------- ------- * /જ્યારે હું મારા કોડમાં આ ટિપ્પણીઓમાંની એકને જોઉં છું, મને ખબર છે કે તે તે દસ્તાવેજનાં નવા વિભાગની શરૂઆત છે, જે મને વધુ સરળતાથી પ્રક્રિયા કરવા અને કોડનો ઉપયોગ કરવાની પરવાનગી આપે છે.
& # 34; ટિપ્પણી બહાર & # 34; કોડ
ટિપ્પણી ટૅગ્સ એ કોડિંગ અને પૃષ્ઠ ડિબગીંગની વાસ્તવિક પ્રક્રિયામાં પણ ઉપયોગી હોઈ શકે છે. જો તે પેજ પૃષ્ઠનો ભાગ ન હોય તો શું થાય છે તે જોવા માટે ટિપ્પણીઓનો ઉપયોગ "કોડ ઓફ આઉટ" અથવા "બંધ કરો" માટે થઈ શકે છે.
તો આ કેવી રીતે કામ કરે છે? ઠીક છે, કારણ કે ટિપ્પણી ટૅગ્સ બ્રાઉઝરને તેમની વચ્ચે બધું અવગણવા કહે છે, તો તમે તેમને સીએસએસ કોડના અમુક ભાગને અસ્થાયી ધોરણે અક્ષમ કરવા માટે વાપરી શકો છો. ડિબગીંગ, અથવા વેબ પૃષ્ઠ ફોર્મેટિંગને વ્યવસ્થિત કરતી વખતે આ સરળ થઈ શકે છે.
આવું કરવા માટે, તમે શરૂઆતના ટિપ્પણી ટૅગને ઉમેરશો જ્યાં તમે કોડને અક્ષમ થવાનું શરૂ કરવા માંગતા હો અને પછી તે સમાપ્તિ ટેગ મૂકો જ્યાં તમે અક્ષમ ભાગને સમાપ્ત કરવા માંગો છો. તે ટેગ્સની દરેક વસ્તુ સાઇટની દ્રશ્ય પ્રદર્શન પર અસર કરશે નહીં, સમસ્યા ક્યાં થઈ રહી છે તે જોવા માટે તમે CSS ને ડીબગ કરવાની મંજૂરી આપી છે. પછી તમે જઈ શકો છો અને તે મુદ્દાને ઠીક કરો અને કોડમાંથી ટિપ્પણીઓ દૂર કરો.
સીએસએસ ટિપ્પણી ટિપ્સ
રીકેપ તરીકે, તમારા CSS માં ટિપ્પણીઓનો ઉપયોગ કરવા માટે યાદ રાખવા માટેની કેટલીક ટીપ્સ અહીં છે:
- ટિપ્પણીઓ બહુવિધ રેખાઓ સ્પૅન કરી શકે છે
- ટિપ્પણીઓમાં CSS ઘટકો શામેલ હોઈ શકે છે કે જેને તમે બ્રાઉઝર દ્વારા રેન્ડર કરવા નથી માંગતા, પરંતુ સંપૂર્ણપણે કાઢી નાખવા નથી માંગતા. વેબસાઇટની સ્ટાઇલ શીટને ડિબગ કરવાનો આ એક સરસ માર્ગ છે - જો તમે નક્કી કરો કે વેબસાઇટ પર તમારે જરૂર નથી તો માત્ર નહિં વપરાયેલ શૈલીઓને દૂર કરવાની ખાતરી કરો (જેમ કે તેમને છોડી દેવાનો વિરોધ)
- જ્યારે પણ તમે જટિલ સીએસએસ લખો ત્યારે સ્પષ્ટતા ઉમેરવા અને ભાવિ વિકાસકર્તાઓને જાણ કરવા અથવા ભવિષ્યમાં પોતાને જે મહત્વપૂર્ણ વસ્તુઓ વિશે જાણવી જોઈએ તે વિશેની ટિપ્પણીઓનો ઉપયોગ કરો. આનાથી સામેલ તમામ લોકો માટે ભાવિ વિકાસનો સમય બચાવવામાં આવશે.
- ટિપ્પણીઓમાં મેટા માહિતીનો પણ સમાવેશ થઈ શકે છે જેમ કે:
- લેખક
- તારીખ બનાવનાર
- કૉપિરાઇટ માહિતી
પ્રદર્શન
ટિપ્પણીઓ ચોક્કસપણે સહાયરૂપ થઈ શકે છે, પરંતુ ધ્યાન રાખો કે વધુ શૈલીઓ તમે સ્ટાઈલશીટમાં ઍડ કરો છો, તો તે હાઈફાઇયર બનશે, જે સાઇટની ડાઉનલોડની ગતિ અને પ્રભાવને અસર કરશે. આ એક વાસ્તવિક ચિંતા છે, પરંતુ ડર માટે ઉપયોગી અને કાયદેસર ટિપ્પણીઓ ઉમેરવા માટે તમારે અચકાવું જોઈએ નહીં કે પ્રભાવને સહન કરવું પડશે CSS ની લાઇનો દસ્તાવેજમાં નોંધપાત્ર કદ ઉમેરે છે. તમારે CSS ફાઇલનાં કદ પર નોંધપાત્ર અસર બનાવવા માટે ટિપ્પણીઓની રેખાઓના TONS ઉમેરવાની જરૂર છે. તમારા CSS માં ઉપયોગી ઉપયોગી ટિપ્પણીઓને ઉમેરવાથી તમારે પૃષ્ઠ ગતિ પર ચોખ્ખી નકારાત્મક અસર ન કરવી જોઈએ.
અંતમાં, તમે તમારા CSS દસ્તાવેજોમાં બન્નેનો ફાયદા મેળવવા માટે ઉપયોગી ટિપ્પણીઓ અને ઘણી બધી ટિપ્પણીઓ વચ્ચેનો સિલક શોધી શકો છો.
જેનિફર કિનાન દ્વારા મૂળ લેખ. 7/5/17 ના રોજ જેરેમી ગીરર્ડ દ્વારા સંપાદિત