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

Մեկնաբանություններ HTML-ում

HTML-ում մեկնաբանությունները ձևավորվում են նիշերի միջոցով.. Այսպիսով, ցանկացած տեքստ այս կերպարների միջև մեկնաբանություն է: Դիտարկենք մի օրինակ.

Մեկնաբանությունների օրինակ HTML-ում

Մեկնաբանություններ CSS-ում

CSS-ում մեկնաբանությունները ստեղծվում են՝ օգտագործելով /* և */ նիշերը: Մեկնաբանություններ ստեղծելու համար պարզապես անհրաժեշտ է տեղադրել վեբ էջի կոդը այս նիշերի միջև.

/* Բլոկի սկիզբը ոճերով Body*/ body ( ֆոն՝ #efeded; տառատեսակի ընտանիք՝ Verdana, Helvetica, sans-serif; տառաչափը՝ 12px; լուսանցք՝ 0px; լիցք՝ 0px; ) /* Բլոկի վերջ մարմնի ոճերով*/

Մեկնաբանություններ PHP-ում

PHP-ի մեկնաբանությունները կարող են լինել մեկ տող կամ բազմակողմ.

1) PHP-ում մեկ տողով մեկնաբանությունները ստեղծվում են նիշերի միջոցով՝ //: Բավական է միայն այս նիշը դնել տողից առաջ և այն կմեկնաբանվի։Այս տարբերակը օգտագործվում է, երբ մեկնաբանությունը բաղկացած է միայն մեկ տողից։

2) Բազմատող մեկնաբանություններ իրականացնելու համար օգտագործվում են հետևյալ նշանները՝ /* և */: Այս տարբերակը օգտակար է, եթե մեկնաբանությունն ընդգրկում է մի քանի տող:

Այսպիսով մենք սովորել ենք

Այս հոդվածը կսկսեմ նրանից, թե ինչ մեկնաբանություններ են նախատեսված։ Ենթադրենք, դուք մշակում եք բարդ կառուցվածք ունեցող մոդուլ: Կամ դուք կատարում եք դասավորություն տարրերի բազմաթիվ կցորդներով: Նման դեպքերում ավելի լավ է կոդի որոշ բաժիններ ինչ-որ կերպ նշել. ահա թե ինչի համար են նախատեսված մեկնաբանությունները:

Այժմ մանրամասն կցուցադրեմ չորս տեսակի մեկնաբանություններ, ավելի ճիշտ՝ դրանց բոլոր տեսակները չորս տարբեր կոդերի համար։

Մեկնաբանություններ HTML նշագրման մեջ

HTML նշագրմանը մեկնաբանություն ավելացնելու համար օգտագործեք՝

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

Մեկնաբանություններ CSS Styles-ում

CSS ոճերին մեկնաբանություն ավելացնելու համար օգտագործեք՝

Այն ամենը, ինչ կա այս թեգերում, հաշվի չի առնվում ոճեր ստեղծելիս, բայց հասանելի է հենց ոճային ֆայլում դիտելու համար:

Մեկնաբանություններ JavaScript կոդով

JavaScript-ում մեկնաբանություններ ավելացնելու համար կան դրանց երկու տեսակները.

Առաջին տեսակը.

// Տեքստ, ծածկագիր կամ այլ բան

Երկրորդ տեսակը.

/* Տեքստ, ծածկագիր կամ այլ */

Այս թեգերում ամեն ինչ հաշվի չի առնվում, երբ սկրիպտը կատարվում է, բայց հասանելի է հենց JavaScript ֆայլում դիտելու համար:

Մեկնաբանություններ PHP կոդով

Ծրագրավորման այս լեզուն, ի տարբերություն նախորդների, ունի 3 տեսակի մեկնաբանություններ.

Առաջին տեսակը.

// Տեքստ, ծածկագիր կամ այլ բան

Երկրորդ տեսակը.

/* Տեքստ, ծածկագիր կամ այլ */

Եվ երրորդ տեսակը.

# Տեքստ, ծածկագիր կամ այլ

Այս թեգերում ամեն ինչ հաշվի չի առնվում, երբ սկրիպտը կատարվում է և տեսանելի է միայն PHP ֆայլում։

Նշում!

/* /* Իմ կոդը */ */

ձեզ սխալ կտա:

Միքայել 2016-05-05 1 HTML և CSS 2

Ինչպե՞ս գրել մեկնաբանություններ html կոդով:

Այսօր ես ձեզ կասեմ, թե ինչպես կարելի է մեկնաբանություններ անել կոդի մեջ html-ով։ Մեկնաբանությունները շատ օգտակար բան են։ Դրանք որևէ կերպ չեն ազդում կոդի կատարման և էջերի արտաքին տեսքի վրա և տեսանելի չեն էջի սկզբնական կոդում։ Փաստորեն, մեկնաբանությունները կարելի է տեսնել միայն ֆայլը խմբագրիչում բացելով: Իմ Notepad++-ում դրանք ընդգծված են կանաչ գույնով:

Ինչպե՞ս մեկնաբանություններ թողնել html-ում:

Շատ հեշտ. Նշման լեզվով մեկնաբանության շարահյուսությունը հետևյալն է.

Այսպիսով, դուք կարող եք մեկնաբանել ոչ միայն մեկ տող, այլ մի քանի տող: Հիմնական բանը հիշելն այն է- փակում. Նման կառույցի ներսում դուք կարող եք օգտագործել ինչպես պարզ բացատրական տեքստ, այնպես էլ թեգեր անկյունային փակագծերում, զննարկիչը դրանք չի կարդա:

Ինչպես ասացի, մեկնաբանությունն ունի հետևյալ հատկանիշները.

1. այն չի երևում էջում
2. և ոչ թե սկզբնաղբյուրում, այլ միայն ֆայլը խմբագրելիս
3. բոլոր պիտակները, որոնք տեղադրված են դրանում, որևէ կերպ չեն մշակվի բրաուզերի կողմից

Ինչի համար է դա

Մեկնաբանությունների հիմնական նպատակն է օգնել այլ մշակողներին: Դասավորելիս կարող եք հստակ նշել, թե կոդի որ մասն է կազմում վերնագիրը և որ մասը՝ հիմնականը: Իհարկե, փորձառու կոդավորողները դա կհասկանային առանց դրա, բայց կոդը կարդալն ու հասկանալը դեռ բարելավվում է: Բացի այդ, մեկնաբանությունները օգնում են մարդկանց, ովքեր լավ չեն հասկանում html-ը, գոնե մի փոքր հասկանալ, թե ինչ է գրված։ Ահա դրանց օգտագործման օրինակ.

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

Ընդհանրապես, ցանկացած վեբ ծրագրավորողի լավ հատկանիշներից մեկը գեղեցիկ ձևավորված և հասկանալի կոդ գրելու կարողությունն է։ Սա նշանակում է, որ դուք պետք է օգտագործեք նահանջներ՝ տարրերի բնադրումը ցույց տալու համար, անհրաժեշտության դեպքում նաև թողեք մեկնաբանություններ, փաստաթղթի առանձին հիմնական մասեր՝ տողերի ընդմիջումներով և այլն։ Այս ամենը օգնում է նրանց, ովքեր հետագայում կխմբագրեն կոդը, ինչպես նաև հենց հեղինակին, ով չի կորչի իր իսկ ստեղծագործության մեջ։

Բարի օր բոլորին, իմ սիրելի ընկերներ։ Ես շատ ուրախ եմ ձեզ տեսնել իմ բլոգի էջերում, և հուսով եմ, որ դուք նույնպես հետաքրքրված եք այստեղ լինել: Գոնե ես փորձում եմ այդպես պահել։ Եվ այսօր ես ձեզ համար ունեմ կայքի կառուցման մի պարզ թեմա, որի օգտագործումը ոչ մի կերպ չի ազդի բուն կայքի վրա, բայց այն կարող է հեշտացնել ձեր և մյուս օգտատերերի համար «կոդ ընտրելը»:

Այսօր մենք կխոսենք կոդի html մեկնաբանությունների մասին։ Այս բանը շատ թույն է: Եվ չնայած դա պարտադիր չէ, այնուամենայնիվ, ես ձեզ կոչ եմ անում օգտագործել այս բաները։ Դա ոչ մեկի համար գաղտնիք չէ դիզայնԵս պատվիրել եմ իմ բլոգի դասավորությունը առանձին մարդկանցից՝ Յուլյայից և Անդրեյից:

Այսպիսով, երբեմն ես ուզում եմ ինչ-որ բան ուղղել կոդում, և որպեսզի ևս մեկ անգամ չքաշեմ դասավորության դիզայներին մանրուքների վրա, ես ինքս գնում եմ խմբագրի մոտ և ինքս խմբագրում կոդը (եթե դա իմ ուժի մեջ է): Իսկ այն մեկնաբանությունները, որոնք Անդրեյը թողել է ծածկագրում, շատ ավելի հեշտացնում են այս գործընթացը։ Բացի այդ, մեկնաբանությունները օգնում են, եթե դուք կատարել եք ձեր աշխատանքը և հեռացել եք: Այնուհետև դիմացինը կկարողանա արագ հասկանալ ձեր կոդը:

Դե, հիմա եկեք տեսնենք, թե ինչպես դրանք անել՝ օգտագործելով կենդանի օրինակ.

1. Եկեք գնանք ցանկացած html փաստաթուղթ, որտեղ մենք ունենք որոշակի բովանդակություն:
2. Այժմ նախքան ցանկացած մուտք դրեք, հակառակ դեպքում էջի ամբողջ բովանդակությունը կդառնա մեկ մեծ մեկնաբանություն))։

Իրականում, այն ունի հետևյալ տեսքը.

Դե, հիմա, եթե փաստաթուղթը պահպանենք և բացենք բրաուզերում, ի՞նչ կտեսնենք։ Եվ մենք ոչինչ չենք տեսնի: Ավելի ճիշտ՝ փոփոխություններ չենք տեսնի, քանի որ այն ամենը, ինչ ներսում էավտոմատ կերպով դառնում է անտեսանելի բրաուզերի համար:

Եվ ի դեպ, հիմա ես կպատմեմ այս թեգերի շատ տեղին օգտագործման մասին՝ օգտագործելով իմ սեփական օրինակը։ Երբ layout-ի դիզայները ինձ համար կայք պատրաստեց, ապա աջ կողագոտում, ըստ դիզայնի պայմանների, երկու պաստառ կար, ավելի ճիշտ՝ հատուկ նրանց համար։ Դեռ չեմ պատրաստվում պաստառներ տեղադրել, ուստի որոշեցի որոշ ժամանակով հեռացնել դրանք, որպեսզի աչքերս աչքաթող չլինեն։

Բնականաբար, ես չէի պատրաստվում դրանք հեռացնել կոդից, բայց ինչպե՞ս կարող եմ դրանք հեռացնել: Իհարկե, դուք կարող եք պատճենել այս կոդը կամ սցենարը առանձին փաստաթղթի մեջ և հեռացնել ամեն ինչ կայքից: Բայց կա ավելի լավ միջոց. Այս բոլոր կոդերը պարզապես դրեցի մեկնաբանությունում։

Այսպիսով, ես ոչինչ չեմ ջնջել, այլ պարզապես մի որոշ ժամանակ թաքցրել եմ։ Վերջերս բլոգում իմ մրցույթի համար պաստառ պատրաստեցի: Եվ այսպես, ես մտա ծածկագրի մեջ, դրեցի պաստառ, գրանցեցի ուղին կոդի մեջ և հանեցի մեկնաբանությունների պիտակները: Ինչպես տեսնում եք, ամեն ինչ հիանալի է աշխատում:

Ընդհանրապես հասկանում ես էությունը, հուսով եմ։ Եթե ​​ինչ-որ բան անհրաժեշտ է թաքցնել առանց այն ջնջելու, լավագույնն այն է, որ ամեն ինչ կցվի մեկնաբանությունում:

Դե, սա ավարտում է իմ այսօրվա գրառումը: Ինչպես ես? Արդյո՞ք տեղեկատվությունը օգտակար էր: Եթե ​​այո, համոզվեք, որ բաժանորդագրվեք իմ բլոգի հոդվածների թարմացումներին: Նաև HTML և CSS վեբ կայքի դասավորության ամբողջական ուսումնասիրության համար խորհուրդ եմ տալիս դիտել հիանալի դասընթացայս թեմայով։ Դասընթացը պարզապես ռումբ է, և ամեն ինչ պատմվում է հիանալի, բառացիորեն ծամված:

Դե, ես այսօր հրաժեշտ եմ տալիս ձեզ: Համոզվեք, որ ստուգեք իմ բլոգը ավելի հետաքրքիր տեղեկությունների համար: Դե ինչ, հաջողություն եմ մաղթում բոլոր գործերում։ Կհանդիպենք իմ մյուս հոդվածներում: Ցտեսություն!

Հարգանքներով՝ Դմիտրի Կոստին։