Մեկնաբանություններ HTML, CSS, JS և PHP կոդերով: Ինչպե՞ս գրել HTML մեկնաբանություններ ծածկագրում: Ինչպես բացատրություն տալ html- ում

... այսօր այս կարճ, բայց օգտակար հոդվածում մենք պարզելու ենք, թե ինչպես է մեկնաբանվում ծրագրի տարբեր ծածկագիրը: Շատ բան չեմ ասի, որովհետև եթե ձեզ հետաքրքրում է սա, ապա արդեն բախվել եք այս խնդրի հարցերին և պատկերացում ունեք դրա մասին:


Դուք եկաք հասցեով ... բայց մի քանի խոսք պարզության և գործի շահի համար: Դուք հավանաբար տեսել եք, թե ինչպես է դա արվում CSS կոդով, քանի որ css- ն ինձ հետաքրքրում է շատ սկսնակների համար, ինչպես ինձ:

… Լավ!

Բայց նշեք, որ մեկնաբանությունները նույնպես օգտագործվում են html և php... Բայց սկսնակների մեծամասնությունը շփոթվում են կայքի հետ աշխատանքի սկզբնական փուլում և չգիտեն, թե ինչպես ավելացնել իրենց համար անհրաժեշտ բացատրությունները: Ի վերջո, դա տեղի է ունենում այնպես, օրինակ, դուք պետք է որոշ ժամանակ անջատեք html կոդ, և այնուհետև նորից վերսկսեք իր գործառույթը.

Բայց ինչ պետք է հիշել ընդհանրապես «մեկնաբանությունների» մասին. Այստեղ ամեն ինչ խիստ կախված է նրանից, թե կոնկրետ որ ֆայլով եք աշխատում, և, հետևաբար, կիրառման ծածկագիրը տարբեր է:

Մեկնաբանելով CSS ծածկագիրը

a: hover, a: focus (գույնը ՝ # D5071E; տեքստի ձևավորում ՝ Overline; / * UNDERLINE UP * /)

Ահա թե ինչպես ես ինքդ քեզ բացատրում ինքդ քեզ: Կամ նույնիսկ կարող եք մեկնաբանել այս css սցենարը այսպես. Պարզապես փաթեթավորեք

/ * այստեղ ԿՈԴ * /

/ * a: hover, a: focus (գույնը ՝ # D5071E; տեքստի ձևավորում ՝ ընդգծում; / * UNDERLINE * /) * /

Ձեր ուշադրությունը հրավիրում եմ այն ​​փաստի վրա, որ - այս կերպ կարող եք մեկնաբանել css ծածկագրի ամբողջական ցիկլը, բայց !! ապա դուք պետք է հեռացնեք կրկնվող մեկնաբանությունները / * UNDERLINE BOTTOM * / կամ խաղաք շեշտերով, եթե բացատրությունը կարևոր է))

Հակառակ դեպքում սխալ կլինի !!

Նշում:

Եթե ​​բացեք էջի սկզբնական կոդը `Ctrl + U և նայեք ... մենք կտեսնենք, որ մեկնաբանված css կոդի կտորը գեղեցիկ ցուցադրված է գեներացված փաստաթղթում: սա այն դեպքում, եթե css- ն օգտագործվել է (հատկությունները սահմանվել են) անմիջապես html- ում

Եվ, ինչպես գիտեք, եթե աղբյուրի կոդից գնաք ՝ հղում կատարելով ձեր ակտիվ ձևանմուշի css փաստաթղթին. Բայց սա քիչ հավանական է)

Անգլերեն բառակապակցությունը (բառեր) ընթեռնելի կլինի: Ռուսական սիմվոլիկան `ոչ:

Մեկնաբանելով HTML կոդը

XML ֆայլը մեկնաբանվում է նույն կերպ:

Կարևոր. Միշտ ստուգեք հոդվածներում ներկայացված ծածկագիրը, գոնե տեսողականորեն) հակառակ դեպքում կարող են սխալներ լինել:

Ֆորմատավորման սովորական անզգուշությունը կարող է ժամանակատար լինել, օրինակ ՝ վերը նշված ՄԵԿՆԱԲԱՆՈԹՅԱՆ ծածկագիրը հաճախ սխալ է. երկու կարճ գծիկների փոխարեն հայտնվում է em գծիկ.

Ձեր տեղեկությունների համար.

ինչպես նշվեց նախորդ դիտողությունում. այդպես է նաև մեկնաբանության ... html կոդը ցուցադրվում է գեներացված փաստաթղթում:

Սա մտքում պահեք:

Եվ ահա մեկ այլ բան.

բացի այն, որ մեկնաբանված կոդը ցուցադրվում է էջի սկզբնաղբյուրում (ինչը նշանակում է, որ այն ինչ -որ իմաստով մշակվում է, չնայած այն անտեսանելի կլինի նաև էջում) - ավելի լավ է հեռացնել որոշ php գործառույթներ համատեղ html- ով `ակտիվ փաստաթղթից:

Օրինակ:

տեսանելի կլինեն փաստաթղթում և գործառույթումայն հրաշալի կաշխատի իր գործին. այսինքն ՝ տեղեկատվությունը ոչ թե առջևում, այլ աղբյուրում կերևա, այն հստակ կցուցադրվի: և սա bespontovy խնդրանք է տվյալների բազային. այս ամենը մանրուք է, բայց դուք պետք է իմանաք:

Դա հնարավոր է անել, եթե չեք ցանկանում փաստաթղթից հանել մի կտոր.

նախքան անհրաժեշտ «լրացուցիչ» html կոդը ավելացրեք բացումը... ներկառուցված գործառույթ ... և փակո՞ւմ>> ...

Մի խոսքով, այսպես կարող եք դա անել, եթե ծածկագիրը մեծ է.


**/ ?>

ապա աղբյուրը մաքուր կլինի:

Կամ ավելի պարզ.

Եկեք մեկնաբանենք ֆունկցիան ինքնին html փաստաթղթում: Այս դեպքերում աղբյուրի կոդը մաքուր կլինի գործառույթների զարգացման առումով:

ինչպես մեկնաբանել JavaScript- ը

եթե (ցուցադրվում է || ցուցադրվում է) (// անիմացիան նորից չաշխատեցնեք, վերադարձեք;) այլապես (// տողում կիրառեք ցանկացած մեկնաբանություն // գծում կիրառեք ցանկացած մեկնաբանություն // ճշմարիտ;

Պարզության համար ես վերցրեցի այս JavaScript- ի օրինակը ցանցում ՝ փոքր -ինչ ճշգրտելով կետադրական նշանները: Կարեւոր չէ ... Գլխավորը հասկանալ սկզբունքը ...

Ինչպես հասկանում եք, «//» շեշտը կրկնակի է, սա մեկնաբանության ՍԻՆԱԳՈՐՆ Է ... ՄԻ ՄԻ ԳԻ!:

Մնացած JS ծածկագիրը մեկնաբանվում է php- ի նման, ավելին ՝ ստորև.

դիտողություն.

Մեկնաբանելով PHP կոդը

... և ... այստեղ միևնույն է `շեղ-շեղ ... մեկ տող:

Բայց նշեք, որ այն կարելի է ծանոթագրել այնպես, ինչպես CSS- կոդը:

... Բնականաբար, դուք պետք է ուշադիր մեկնաբանեք կոդի օղակը:

... կամ նույն կերպ `նման CSS- ի վերը նշված օրինակին ... այսինքն. այս / * կոդը * / մեկնաբանելու տարբերակը կգործի ինչպես CSS- ի, այնպես էլ JS կոդերի համար:

Բայց այս կերպ Դուք կարող եք մեկնաբանել PHP կոդի ավելի ծավալուն բացատրությունը ՝ ինչ -որ տեղ դրա հիմնական օրինակների միջև ...

Կարող եք նաև մեկնաբանել այսպես php օղակներում, եթե կոդը խառնված է ... php և ինչ -որ կերպ html

Նմանապես վերը նշվածին.

Օրինակ, ինչ -որ գործառույթ ... ինչ -որ տեղ ընդհանուր կոդի մեջ (կամ մի հանգույց html- ում).- կարող եք մեկնաբանել, այսինքն ՝ ավելացնել ձեր սեփական պիտակը այսպես.

կամ այսպես. մեկ տողի տարբերակ ...

Խելք:

php ծածկագիրը տեսանելի չէ որևէ աղբյուրի կոդերում !! տեսանելի է միայն դրա ֆունկցիոնալ արդյունքը.

Ընդհանրապես, սա այն ամենն է, ինչ ես ուզում էի այսօր հաղորդել:

Այժմ կարող եք փորձարկել ... Հաջողություն:

Եվ, իհարկե, կարդացեք կայքի հոդվածները և բաժանորդագրվեք.
Ես կիսում եմ իմ դառը փորձը `որոշ գիտելիքներ, ձեր քաղցր բարեկեցության համար))

... վեբ վարպետների քաղաք Mikhalika.ru© - Հեշտությամբ WordPress- ով

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

Ինչպե՞ս գրել HTML մեկնաբանություններ ծածկագրում:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

JavaScript- ի մեկնաբանություններ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Նշում!

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

ձեզ սխալ կտա:

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

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

HTML- ում մեկնաբանությունները ձևավորվում են ՝ օգտագործելով խորհրդանիշներ.... Այսպիսով, այս խորհրդանիշների միջև եղած ցանկացած տեքստ մեկնաբանություն է: Եկեք դիտարկենք մի օրինակ.

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

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

/ * Արգելափակման սկիզբ ՝ մարմնի համար * / body (ֆոն ՝ #efeded; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px;) / * Բլոկի վերջ Մարմնի ոճերով * /

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

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

1) PHP- ում մեկ տողի մեկնաբանությունները ստեղծվում են ՝ //. Պարզապես անհրաժեշտ է տեղադրել այս խորհրդանիշը տողի դիմաց և այն կմեկնաբանվի: Այս տարբերակը օգտագործվում է այն դեպքում, երբ մեկնաբանությունը բաղկացած է միայն մեկ տողից:

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

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

Merրագրավորողի աշխատանքում դուք անընդհատ պետք է որոշ նշումներ կատարեք մեկնաբանությունների տեսքով, որպեսզի նկարագրեք ծածկագրի մի մասը կամ ապագայի նշանները: Յուրաքանչյուր լեզու ունի իր շարահյուսությունը, այդ իսկ պատճառով վեբ էջեր մշակելիս ընդհանուր խնդիր է չիմանալ, թե ինչպես կարելի է մեկնաբանել HTML տողում կամ մի փոքր բլոկում միանգամից:

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

Վեբ էջ մշակելիս երբեմն անհրաժեշտ է լինում որոշ ժամանակով թաքցնել ծածկագրի մի մասը կամ գրառում կատարել ծրագրավորողի համար: Լրացուցիչ ծրագրեր չօգտագործելու համար, օրինակ ՝ ծածկագրի մի մասը այլ ֆայլի փոխանցելը, դուք պետք է իմանաք, թե ինչպես մեկնաբանել տողը HTML- ում:

Ի տարբերություն ծրագրավորման լեզուների մեծ մասի, HTML- ը չունի մեկ գործառույթ կամ պիտակ ՝ մեկ տողից մեկնաբանություն ստեղծելու համար: Եթե ​​Ձեզ անհրաժեշտ է «թաքցնել» միայն մեկ տող կամ դրա մի մասը, ապա պետք է օգտագործեք դասական լեզվական գործիքակազմը: Այնուամենայնիվ, դա անելու մի քանի եղանակ կա:

Ստանդարտ մեկնաբանություն

HTML- ում կոդի կտոր մեկնաբանելու ամենահեշտ ձևը հատուկ նիշերի զույգերի օգտագործումն է: Մեկնաբանություն սկսելուց առաջ դուք պետք է նշեք ««Այսպիսով, այս կոնստրուկցիայի ներսում ամեն ինչ թաքնված կլինի օգտագործողից, երբ էջը բեռնվի:

Պետք է նշել, որ մեկնաբանության հետ աշխատելիս պետք է չափազանց զգույշ լինել: Նրա սահմանները սահմանելիս պետք է ստուգել ՝ դրա մեջ ընկե՞լ է բացման կամ փակման որևէ պիտակ, որի երկրորդ մասը մնացել է դրանից դուրս, այս դեպքում էջի բեռնումը սխալ կլինի: Բացի այդ, դուք չեք կարող ստեղծել ևս մի քանի մեկնաբանություն մեկ մեկնաբանության ներսում. Այս գրությամբ մեկնաբանության մասի վերջի առաջին ազդանշանը կբացի թաքնված տեքստի ամբողջ հաջորդ հատվածը:

Ստորև բերված է ճիշտ ուղղագրության օրինակ.

Սա մեկնաբանություն է:

Պիտակ

HTML- ում կարող եք նաև մեկնաբանել տողեր ՝ օգտագործելով հատուկ զույգ պիտակներ ՝ ... Այն հատուկ ներառված է այդ նպատակով լեզվական շարահյուսության մեջ, սակայն ամենահայտնի բրաուզերները չեն աջակցում այն, բացառությամբ Internet Explorer 8.0 -ի: Պիտակ Օգտակար է, երբ որոշ տեղեկություններ պետք է թաքցվեն միայն IE 8.0, 4.0 և ավելի վաղ ծրագրերի համար կամ որպես զարգացման ժամանակավոր լուծում: Այստեղ առանձնահատուկն այն է, որ կոդի մի մասը կարող եք մեկնաբանել միայն էջի տեքստում, այսինքն ՝ պիտակի ներսում .

Ստորև բերված օրինակում, երբ էջը բեռնված է նշված դիտարկիչներում, սպիտակ թերթ է ցուցադրվելու, այլ ծրագրերում էջը գրվելու է.

Սա մեկնաբանություն է

.

Ոչ ավանդական մոտեցում

Բացի դասական մեթոդներից, կարող եք մեկնաբանել HTML- ի կոդը ՝ օգտագործելով հատուկ մեթոդներ: Բացի հիմնական HTML լեզվական կառուցվածքներից, էջի տեքստում հաճախ նշվում են սցենարային պիտակներ և ոճաթերթերի պիտակներ: Նրանցից յուրաքանչյուրն ունի նաև մեկնաբանության իր սահմանումները:

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

Սցենարի պիտակ կամ ոճաթերթ օգտագործելիս մեկնաբանությունները կարող են լինել մեկ տող կամ բազմ տող: Նախկինները սահմանվում են «//» կոնստրուկցիայով, որը այս նիշերը գրելու պահից մեկնաբանում է տողի մնացած մասը: Կոդի մի մասը թաքցնելու համար բացելու համար օգտագործեք « / *» շարահյուսության նկարագրությունը, իսկ մեկնաբանությունը փակելու համար ՝ « * /»: Եթե ​​փակման կոնստրուկցիան գրված չէ «/ *» խորհրդանիշներից հետո, մնացած HTML- ի ամբողջ կոդը կմեկնաբանվի:

Ներկայացված օրինակը ցույց է տալիս ոչ ստանդարտ մեկնաբանման եղանակ.

/*

Это комментарий.

*/