Ինչպես տեղադրել CSS- ի մեկնաբանությունը

Ձեր CSS- ի կոդում ներառված մեկնաբանությունները օգտակար են եւ բարձր խորհուրդներ:

Յուրաքանչյուր կայքէջ բաղկացած է կառուցվածքային տարրերից (որոնք թելադրված են HTML- ով), ինչպես նաեւ տեսողական ոճով կամ «տեսք եւ զգում»: Cascading Style Sheets- ն (CSS) այն է, ինչն օգտագործվում է կայքի վիզուալ տեսքը թելադրելու համար: Այս ոճերը պահվում են HTML- ի կառույցից առանձին `թույլատրելով հեշտությամբ թարմացնելը եւ վեբ ստանդարտներին հավատարիմ մնալը:

Շատ կայքերի բարդության չափով այսօր, ոճաթերթերը կարող են արագորեն դառնալ բավականին երկար եւ շատ ծանր: Սա հատկապես ճիշտ է, երբ դուք սկսում եք լրատվամիջոցների հարցումները ավելացնել արձագանքող կայքի ոճերի համար : Միայն այդ լրատվամիջոցների հարցումները կարող են ավելացնել նոր ոճերի զգալի քանակ `CSS- ի փաստաթղթի վրա եւ դրանով ավելի դյուրին աշխատել: Սա այնտեղ է, որտեղ CSS- ի մեկնաբանությունները կարող են դառնալ անգնահատելի օգնություն կայքի վրա:

Կայքի CSS- ի ֆայլերի մեկնաբանությունները ավելացնելու մեծ ձեւ է, որ այդ կոդերի բաժինները կառուցեն մարդկային ընթերցողին, որը վերանայում է փաստաթուղթը: Այն նաեւ հրաշալի եղանակ է բացատրել այն ոճերը, որոնք կօգնեն կայքի աշխատակիցներին, ովքեր կարող են ապագայում աշխատել կայքում, ներառյալ ինքներդ:

Վերջում, խելացիորեն ավելացրեց CSS- ի մեկնաբանությունները, ոճի թերթիկն ավելի հեշտ կլինի մշակել: Սա իսկապես կարեւոր է ոճերի թերթերի համար, որոնք խմբագրվում են թիմերի կողմից: Կարծիքներ կարող են օգտագործվել ոճաթերթի կարեւոր ասպեկտները շփվելու թիմի տարբեր անդամների հետ, ովքեր արդեն իսկ ծանոթ չեն կոդը: Այս մեկնաբանությունները կարող են նաեւ շատ օգտակար լինել այն մարդկանց համար, ովքեր աշխատել են կայքում, նախքան նրանք որոշ ժամանակից հեռանալուց հետո վերադառնում են կոդը: Ես հաճախ ստիպված էի խմբագրել մի քանի ամիսներ կամ նույնիսկ տարիներ առաջ կառուցված կայք եւ HTML եւ CSS- ում լավ ձեւակերպված մեկնաբանություններ ունենալը շատ ողջունելի է: Հիշեք, որ կայքի կառուցվածքը չի նշանակում, որ դուք կհիշեք, թե ինչու եք արել այն, ինչ արել եք, երբ հետագայում վերադառնաք այդ կայք: Comments կարող են ձեր մտադրությունները հստակեցնել եւ պարզել ցանկացած թյուրըմբռնումներ, նախքան դրանք տեղի ունենան:

CSS- ի մեկնաբանությունների մասին հասկացվող մի բան այն է, որ դրանք չեն ցուցադրվում, երբ էջը մատուցում է վեբ բրաուզերում: Այդ մեկնաբանությունները միայն տեղեկատվական բնույթ են կրում, ճիշտ այնպես, ինչպես HTML- ի մեկնաբանությունները (թեեւ սինթետիկան տարբերվում է երկուի միջեւ): Այս CSS- ի մեկնաբանությունները որեւէ կերպ չեն ազդում կայքի վիզուալ ցուցադրման վրա եւ պարզապես ներկա են կոդի մեջ:

Ավելացնել CSS- ի մեկնաբանություններ

CSS- ի մեկնաբանությունը ավելացնելը բավականին հեշտ է: Պարզապես գրեք ձեր մեկնաբանությունը ճիշտ բացման եւ փակման մեկնաբանությունների հետ:

• Ավելացրեք ձեր մեկնաբանությունը ավելացնելով / *
• Ձեր մեկնաբանությունըը փակեք `ավելացնելով * /

Այս երկու պիտակների միջեւ հայտնված ամեն ինչ կլինի մեկնաբանության բովանդակությունը, որը տեսանելի է միայն կոդում եւ զննարկիչի կողմից չի մատուցվում:

CSS- ի մեկնաբանությունը կարող է լինել մեկ տող, կամ կարող է տեւել մի քանի տող: Ահա մի տող օրինակ.

div # border_red {border: բարակ կոշտ կարմիր; } / * կարմիր սահմանի օրինակ * /

Եվ բազմակողմանի օրինակ.

/ *************************** ********************** ****** Style տեքստի տեքստի համար **************************** ************ *************** /

Breaking Out բաժինները

Ես հաճախ օգտագործում եմ CSS- ի մեկնաբանությունները այն ձեւակերպումներից մեկը, որ իմ ոճաթերթիկը կազմեմ փոքր, ավելի հեշտությամբ անհնար կեցվածքներով: Ինձ դուր է գալիս հեշտությամբ տեսնել այս բաժինները, երբ հետագայում ես ուսումնասիրել ֆայլը: Որպեսզի դա անել, ես հաճախ ավելացնում եմ մեկնաբանությունների շատ տողերի մեջ, որպեսզի նրանք խոշոր, ակնհայտ ընդմիջումներ կատարեն էջում, որոնք հեշտ է տեսնել, քանի որ ես արագորեն ոլորել եմ կոդը: Ահա մի օրինակ.

/ * ----------------------- Վերնագիր Styles ----------------------- ------- * /

Երբ ես տեսնում եմ այս մեկնաբանություններից մեկը իմ կոդում, ես գիտեմ, որ դա այդ փաստաթղթի նոր բաժնի սկիզբն է, որը թույլ է տալիս ինձ ավելի հեշտությամբ մշակել եւ օգտագործել կոդը:

& # 34; Մեկնաբանելով & # 34; Կոդ

Մեկնաբանության պիտակները կարող են օգտակար լինել նաեւ էջի կոդավորման եւ կարգաբերման փաստացի գործընթացում: Մեկնաբանությունները կարող են օգտագործվել «մեկնաբանել» կամ «անջատել» այդ կոդի տարածքները տեսնելու համար, թե ինչ է տեղի ունենում, եթե այդ բաժինը էջի մաս չէ:

Այսպիսով, ինչպես է դա գործում: Դե, քանի որ մեկնաբանության պիտակները պատմում են զննարկիչին, անտեսելով նրանց միջեւ ամեն ինչ, դուք կարող եք օգտագործել դրանք ժամանակավորապես անջատել CSS- ի որոշակի մասերը: Սա կարող է օգտակար լինել, երբ վրիպազերծումը կամ վեբ էջի ձեւաչափումը կարգավորելը:

Դա անելու համար պարզապես ավելացրեք բացման մեկնաբանության տեքստը, որտեղից ցանկանում եք, որ կոդն անջատվի եւ ապա վերջացրեք այն պիտակը, որտեղ ցանկանում եք հաշմանդամի մասնաբաժինը: Այս պիտակների միջեւ ամեն ինչ չի ազդի կայքի վիզուալ դրսեւորումից, որը թույլ է տալիս Ձեզ խափանել CSS- ը `տեսնել, թե որտեղ կարող է լինել խնդիրը: Այնուհետեւ կարող եք մուտք գործել եւ ամրագրել հենց այդ հարցը եւ վերացնել մեկնաբանությունները:

CSS մեկնաբանող խորհուրդներ

Որպես հիշեցում, այստեղ կան որոշ խորհուրդներ, որոնք հիշում եք ձեր CSS- ում մեկնաբանություններ օգտագործելու համար:

1. Կարծիքներ կարող են տարածվել մի քանի գծերի վրա:
2. Կարծիքներ կարող են ներառել CSS- ի տարրերը, որոնք դուք չեք ցանկանում դիտել բրաուզերի կողմից, բայց չեն ուզում ջնջել ամբողջովին: Սա լավ տարբերակ է կայքի ոճաթերթերը խափանելու համար, պարզապես համոզվեք, որ հեռացնել չօգտագործված ոճերը (ի տարբերություն թողնել դրանք մեկնաբանելիս), եթե որոշեք, որ դրանք ձեզ հարկավոր չեն կայքում
3. Օգտագործեք մեկնաբանություններ, երբ դուք գրեք բարդ CSS- ի պարզաբանումներ եւ ապագայում ապագա ծրագրավորողներին տեղեկացնելու համար, որոնք պետք է իմանան կարեւոր բաների մասին: Սա կխթանի ապագա զարգացման ժամանակը բոլոր ներգրավված անձանց համար:
4. Կարծիքներ կարող են ներառել նաեւ meta տեղեկատվությունը, ինչպիսիք են `
   • հեղինակ
   • ամսաթիվը ստեղծվել է
   • հեղինակային իրավունքի մասին տեղեկություններ

Կատարումը

Կարծիքները կարող են անպայման օգտակար լինել, սակայն տեղյակ լինել, որ ավելի շատ մեկնաբանություններ կներկայացնեք ոճի թերթիկին, այն կդառնա ավելի ուժեղ, ինչը կազդի կայքի բեռնման արագության եւ կատարման վրա: Սա իսկական մտահոգություն է, բայց չպետք է վախենաք ավելացնել օգտակար եւ օրինական մեկնաբանությունները `վախենալով, որ կատարումը կտուժի: CSS- ի տողերը փաստաթղթի էական չափ չեն ավելացնում: Դուք պետք է ավելացնեք TONS տողերի մեկնաբանությունները `զգալի ազդեցություն գործելով CSS ֆայլի չափի վրա: Ձեր CSS- ում մի քանի օգտակար մեկնաբանություններ բացելը չպետք է ձեզ զուսպ բացասական ազդեցություն էջի արագության վրա:

Ի վերջո, դուք կցանկանաք գտնել օգտակար մեկնաբանություններ եւ չափազանց շատ մեկնաբանությունների միջեւ հավասարակշռությունը, ինչպես նաեւ ձեր CSS փաստաթղթերում առկա օգուտները ստանալու համար:

Իրական հոդվածը Ջենիֆեր Քրինինն է: Վերափոխվել է Ջերեմի Գիրարդը 7/5/17 թ .: