Օգտակար խորհուրդներ

Ինչպե՞ս պատկերացնել նկարը հղման մեջ: Ինչպես տեղադրել հղումը նկարում

Pin
Send
Share
Send
Send


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

Օրինակ 1. Հղման պատկերի ստեղծում

Պատկերի հղման շուրջ ավտոմատ կերպով ավելացվում է մեկ փիքսել հաստությամբ շրջանակ և տեքստային հղումների գույնին համապատասխանող մի շրջանակ:

Շրջանակը հանելու համար սահմանեք սահմանը = "0" հատկանիշը պիտակի վրա (օրինակ 2):

Օրինակ 2. Շրջանակի հեռացումը պատկերի շուրջ

Սահմանը թաքցնելու համար կարող եք նաև օգտագործել CSS, բոլոր պատկերների համար, որոնք հղումներ են: Դա անելու համար օգտագործեք սահմանային ոճի գույքը `ոչ մեկի արժեքով (օրինակ 3):

Օրինակ 3. CSS- ի օգտագործումը

A IMG կոնստրուկցիան սահմանում է ոճերը կիրառելու ենթատեքստը `միայն բեռնարկղի ներսում գտնվող պիտակի համար: Հետևաբար, ապագայում պատկերները կարող են օգտագործվել ինչպես միշտ:

Որտեղ է օգտագործվում նկարի հղումը:

Նախքան խոսելը, թե ինչպես նկարում նկարը կազմել հղում, մենք կպարզենք, թե որտեղ և ինչու են դրանք օգտագործվում: Ի վերջո, ավելի հեշտ կլինի հասկանալ, թե ինչ ենք ուզում պատկերից:

Պատկերային հղումները սովորաբար օգտագործվում են որպես գովազդային գծանկարներ հրավիրող պաստառներ: Դրա օրինակն այն պատկերն է, որը նույնն է «VKontakte» - ում: Հիշեք, թե քանի անգամ եք կտտացրել լուսանկարը, որում այս կամ այն ​​հասցեն տեղադրված է: Բացի այդ, բավականին հաճախ դրանք օգտագործվում են որպես խմբերի և համայնքների մենյու, հատկապես եթե դրանք հատուկ գրառումներ են պարունակում: Նման շատ պատկերներ հանդիպում են այլ կայքերում:

Տեղադրեք հղումը նկարի մեջ

Ամենապարզը նկարների հղումն է: Նրա մասին է, որ մենք կխոսենք սկսելու համար: Այս նկարազարդումը պատրաստված տեղեկանք է: Այսինքն, կտտացնելով այդպիսի պատկերի վրա, ձեզ նոր էջ կուղղվեն:

Եթե ​​ճշգրիտ գիտեք, թե ինչպես է կանոնավոր հղումը տեղադրվում ՝ օգտագործելով HTML նշումը, ապա չպետք է խնդիրներ ունենաք: Միակ տարբերությունն այն է, որ հղման տեքստի փոխարեն պատկեր է նշվում:

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

Մենք փնտրում ենք պատկերի հասցեն, գրեք այն, որպեսզի չմոռանանք: Մենք նաև ամրագրում ենք այն հղումը, որը պետք է բացվի այս լուսանկարը:

Ավելին, մենք գրում ենք հետևյալը. Նկարը հատուկ ծածկագիր է: Նկարի հղումը տեղադրված է հենց իր օգնությամբ:

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

Պատկերից մենյուն պատրաստելը

Մեթոդներից առաջինը մշակվել է ինքնուրույն, վեբ-էջերի մակնշման լեզվի ուսումնասիրության ընթացքում: Նման մենյուի ստեղծումը կարող է մի քանի ժամ տևել:

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

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

Ինչպե՞ս անել

Եկեք մանրամասն վերլուծենք առաջին մեթոդը:

Սկսելու համար ձեզ հարկավոր կլինի գրաֆիկական խմբագիրների և HTML- ի գիտելիքներ: Ինչպե՞ս նկարը դարձնել հղում, էջերի դասավորության այս տեսակն ձեզ կասի:

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

Եթե ​​սա ձեր սեփական կայքը է, սովորական պատկերասրահը կամ ֆայլային գրադարանը հարմար են, VKontakte- ի համար այն կարող է լինել խմբի կամ համայնքի ալբոմ (ցանկալի է փակ):

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

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

Ինչու՞ ես պետք է նկարից հղում անեմ

ա) Օրինակ, դուք ունեք հիանալի արտադրանքի գեղեցիկ պատկեր: Դուք դրանից հղում եք ստեղծում, տեղադրեք այն հատուկ ռեսուրսի մեջ: Մարդը այցելում է այս կայք, տեսնում է նկար, կտտացնում է այն և մտնում առցանց խանութ, որտեղ գտնվում է այս ապրանքը:

Հարմար է, կարծում եմ, այո: Գեղեցիկ պատկերների վրա սեղմելը ավելի բարձր է, քան հասարակ սովորական հղումը: Հաճախ նկարների տակ թաքցնում են իրենց դուստր ձեռնարկությունները:

բ) Եթե գրանցված եք դուստր ձեռնարկությունների ծրագրում, դուք ունեք ձեր սեփական կայքը, և դուստր ձեռնարկությունների ծրագրի սեփականատերը չի տրամադրել անհրաժեշտ գովազդային նյութեր: Ի՞նչ անել այս դեպքում:

Բավական է պատճենել նրա ապրանքների նկարները, տեղադրել էկրանի նկարը կայքում և նկարը դարձնել հղում: Դա կլինի բաների պես մի բան, բայց կայքում ավելի քիչ ծանրաբեռնվածությամբ: Իմ կարծիքով, այն շատ հարմար է և գեղեցիկ: Հատկապես եթե դուք գեղեցիկ նկարեք (կամ գիտեք մեկին, ով կարող է գեղեցիկ նկարել ձեզ համար հատուկ դրոշ): Կատարեք հղում այս պաստառի պատկերից և, կրկին, այս պաստառի պատկերի վրա սեղմելիությունը մեծանում է:

գ) Երրորդ պատճառը նման է երկրորդին: Կարծում եմ, որ ձեզ գաղտնիք չեմ ասի, որ դրոշի պատճառով կայքում բեռնվածությունը զգալիորեն ավելանում է: Ի վերջո, ո՞րն է ուրիշի դրոշը ձեր կայքում:

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

Օրինակ ՝ ես իմ կայքում ունեի ստատիկ դրոշ մի հայտնի ընկերության կողմից: Դրոշը գեղեցիկ էր, անընդհատ փոխվող նկարներով: Բայց հիմնական եզրակացությունն այն է, որ այն իսկապես դանդաղեցրեց կայքի բեռնման ժամանակը: Ներբեռնման ժամանակը հասել է մինչև 50 վայրկյան: Սա շատ բան է:

Հենց որ ջնջեցի այս դրոշակը, իմ բլոգը սկսեց մի քանի անգամ ավելի արագ բեռնել (կայքը սկսեց բեռնումը 1,5 վայրկյանում, ոչ թե 50-ում:): Այսինքն, դուք կարող եք ստեղծել այս դրոշի սքրինշոթ, տեղադրեք հղում էկրանի նկարում, և դրա բեռնման ժամանակը կլինի ոչ թե մի քանի վայրկյան, այլ երկրորդ վայրկյան: Չնայած, իհարկե, ոչ այնքան գեղեցիկ: Դա չի փոխվի, բայց կայքի բեռնման ժամանակը ավելի թանկ է:

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

Եթե ​​ունեք պատկերային հղում, ապա հակաբլոկը ընկալում է նման դրոշը որպես նորմալ պատկեր, և ոչ թե բլոկ: Օրինակ ՝ ես որոշ ժամանակ ունեի «կենդանի նկարներ» դրոշ, բայց դրա վրա քիչ կտտացումներ չեղան: Սկզբում ես չհասկացա, թե որն է գործը, այնուհետև ես տեսա, որ Ադգարդը պարզապես արգելափակում է այն:

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

ե) Մեկ այլ պատճառ, թե ինչու ավելի լավ է դրոշից դուրս դրվել դրոշը պարզապես նկար է, ես կոչում եմ այն, որ որոնիչները, հատկապես Google- ը, դուր չեն գալիս, երբ կայքում գովազդ շատ կա: Եվ նրանք կդիտեն ձեր նկարը որպես հղում, պարզապես որպես այլ պատկեր, և ոչ թե որպես գովազդ: Հարմար է: Կարծում եմ, այդպես է: Բայց եկեք վերադառնանք մեր հարցի էությանը:

Կայքի քարտեզ պատրաստելը

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

Նախևառաջ հիշեք, որ կայքի քարտեզը միացված է պատկերին ՝ օգտագործելով usemap = "# Map1" հրամանը, որը գրված է img պիտակի վրա: Հետևաբար, կայքում նկարը վերբեռնելու ժամանակ, համոզվեք, որ երկրորդ մասը ավելացնել պիտակի մեջ `usemap =" # քարտեզի անվանումը ":

Նկարների հետագա գծանշումը այն գոտիներում, որոնց վրա կապերը կցվում են, կատարվում է զույգ նշանի միջոցով, որը կարող է տեղադրվել ցանկացած վայրում, որը ձեզ համար հարմար է զույգ պիտակների միջև:

Ինչպես տեղադրել նկար - html պիտակները Img

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

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

Մյուս կողմից, ձեր կողմից օգտագործված կաղապարի ձևավորման գործում ակտիվորեն օգտագործվում են նույն տարրերը `տեղադրելով հղումներ, պատկերներ, բեռնարկղեր, ցուցակներ (այստեղ նշված է այստեղ), տարբեր ձևեր և աղյուսակներ (Tr, Th, Td, Աղյուսակ):

Եվ, հետևաբար, կաղապարի կառուցվածքը հասկանալու համար (այստեղ մենք խոսում ենք Joomla ձևանմուշների մասին, և այստեղ WordPress թեմաների մասին) և, անհրաժեշտության դեպքում, փոփոխություններ կատարել դրա մեջ, կրկին հարկավոր է իմանալ առնվազն մի փոքր քանակի կոդերի տարրեր: Հավատացեք ինձ, դրա վրա ծախսված ժամանակը ավելին կլինի, քան հետագայում մարել: Դե, մենք ենթադրում ենք, որ ես ձեզ համոզեցի, որ պետք է ծանոթանաք նշման լեզվին, և ժամանակն է ուղղակիորեն այսօր գնալ մեր հրապարակման հերոսների:

Նկարներ տեղադրելու համար Էջի վրա ծառայում է html պիտակը ՝ Img: Ստորև նկարը տեղադրվում է այն օգտագործելով.

Src ատրիբուտը թույլ է տալիս նշել պատկերի ֆայլի անվանումը և գտնվելու վայրը (այլ կերպ ասած ՝ դեպի դրա ճանապարհը): Այս դեպքում կարող է նշվել պատկերի ֆայլի հարաբերական կամ բացարձակ հղում: Ուղիները նշվում են `օգտագործելով« / »նիշը, որը ծառայում է որպես առանձնացնող ենթաբաժինների անունների միջև, որտեղ պահվում են պատկերային ֆայլերը:

Src- ի բացարձակ ճանապարհը կսկսվի http://vash_sait.ru (իմ բլոգի համար ՝ https://ktonanovenkogo.ru): Այնուհետև, օգտագործելով '/' ենթաֆայլերի անունները առանձնացնելու համար, գրվում է պատկերի ֆայլի ամբողջական ուղին, որը ավարտվում է ավարտին `հենց ֆայլի անունով և ընդլայնմամբ: Օրինակ, /images/kakvstavitvhtmlssilkuikartinkufoto_9F70C277.jpg

Src- ի հարաբերական ուղին սահմանվում է աղբյուրի թղթապանակից հարաբերական ուղու որոշմամբ, որն իր մեջ պարունակում է HTML փաստաթղթի ֆայլը, և որից փորձում եք բացել պատկերը ՝ դեպի պատկերի ֆայլ: Եթե ​​այս ֆայլը սերվերի վրա գտնվում է նույն թղթապանակում, ինչպես այն փաստաթուղթը, որից այն հասանելի է, ապա հարկավոր չէ ճշտել դրա ճանապարհը, դուք միայն պետք է նշեք գրաֆիկական ֆայլի անունը (պահպանելով տառերի դեպքը):

Եթե ​​այս ֆայլը գտնվում է նույն սերվերի վրա, բայց այլ գրացուցակում, ապա պետք է նշեք այն ուղին այն գրացուցակից, որտեղ գտնվում է այն փաստաթուղթը, որտեղից մուտք է գործում (վերը ցույց տրված օրինակում օգտագործվում է հարաբերական ուղին - image / finik.jpg): .

Սահմանեք պատկերի լայնությունն ու բարձրությունը ՝ օգտագործելով Լայնությունը և Բարձրությունը հատկանիշները

Html ատրիբուտների լայնությունը և բարձրությունը թույլ են տալիս սահմանել տարածքի չափը (համապատասխանաբար լայնությունը և բարձրությունը), որը հատկացվելու է այս պատկերի էջում: Դրանք տեղադրվում են Img պիտակի ներսում, օրինակ, այսպիսին է.

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

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

Պատկերները պահելու ժամանակ օգտագործեք կոմպակտ գեղարվեստական ​​գրաֆիկական ձևաչափեր, ինչպիսիք են GIF (սխեմատիկ պատկերներ տեղադրելու համար) կամ JPG (լուսանկարներ տեղադրելու համար): Լայնությունը և բարձրությունը, ի տարբերություն Src ատրիբուտի (Img պիտակի միակ պահանջն է), ըստ ցանկության: Շատերը պարզապես չեն նշում դրանք, բայց, այնուամենայնիվ, թույլ են տալիս մի փոքր արագացնել փաստաթղթի բեռնումը.

Փաստն այն է, որ եթե զննարկիչը Img պիտակի html- ի ներսում չի գտնում լայնությունը և բարձրությունը, ապա ժամանակ կպահանջվի պարզել պատկերի չափը, բեռնել այն և միայն դրանից հետո շարունակել բեռնել մնացած փաստաթղթի մնացած մասը: Այն դեպքում, երբ դուք նշեցիք Բարձրությունը և Լայնությունը, զննարկիչը ինքնաբերաբար պահպանում է տեղն այդ ատրիբուտներում նշված չափերի պատկերի համար և շարունակում է ներբեռնել վեբ էջը հետագա:

Եթե ​​այս էջում ցուցադրված գրաֆիկական ֆայլերը շատ ծանր են, և դրանց մեծ մասը կան, ապա Բարձրությունը և Լայնությունը տեղադրելը թույլ կտա օգտվողներին սկսել ընթերցել կայքի տեքստը, մինչդեռ գրաֆիկները դեռ բեռնված կլինեն:

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

Եթե ​​օգտագործվում են լայնություն և բարձրություն, այլընտրանքային տեքստը ցուցադրելու տեղը կսահմանափակվի դրանցում նշված չափերով: Հիմնականում դա հենց դրա պատճառով է, որ ես փորձում եմ գրել այս ատրիբուտները Img պիտակում:

Alt և վերնագիր html Img պիտակի մեջ

Կայքի ներքին որոնիչի օպտիմիզացման տեսանկյունից, Alt և Վերնագիր ատրիբուտները շատ օգտակար են: Կարդացեք ինքներդ կայքի առաջխաղացման և առաջխաղացման մասին կամ «Ինչպես նպաստել կայքը» հրապարակմանը:

Դրանցից առաջինը սահմանում է այսպես կոչված այլընտրանքային տեքստը պատկերի համար: Դուք կարող եք տեսնել այս տեքստը, եթե անջատեք գրաֆիկայի ցուցադրումը ձեր զննարկիչում: Alt- ը նախատեսված է այս նպատակի համար `որոնիչներին պատմել այն մասին, թե ինչպիսի պատկեր պետք է լիներ այստեղ: Վերնագիրը նպատակ ունի օգտագործողին տեղեկացնել նկարի բովանդակության մասին:

Վերնագրի բովանդակությունը Img պիտակի կազմից ցուցադրվում է թռուցիկ գծով, եթե օգտագործողը մկնիկը տեղափոխում է նկարի վրա: Այս երկու հատկանիշները (եթե դրանք գրանցել եք) թույլ են տալիս ներառել ձեր վեբ նախագծի նկարները Yandex- ի և Google- ի պատկերների որոնման մեջ: Հետեւաբար, մի անտեսեք այս հնարավորությունը և վստահ եղեք, որ գրանցեք գոնե Alt- ը: Ձեր պատկերների ձևավորումը պետք է լինի այսպիսի մի բան.

Փաստորեն, կան շատ ատրիբուտներ, որոնք կարող են օգտագործվել html Img պիտակի մեջ, և բոլորն էլ կարող եք տեսնել, գոնե տրամադրված հղումով: Բայց դուք, ամենայն հավանականությամբ, գործնականում կօգտագործեք միայն այս հոդվածում իմ կողմից թվարկվածները:

Մեկ անգամ ևս հիշեցնում եմ պիտակները գրելու կանոնները: Բացման եռանկյուն փակագծից հետո, անպայմանորեն առանց տիեզերքի, գրվում է նրա անունը, այնուհետև, տարածությունից հետո, գրում է դրա համար վավեր հատկանիշի անունը: Հատկանիշի անվանումից հետո, առանց տիեզերքի, տեղադրվում է հավասար նշան և դրա պարամետրը գրվում է գնանշումներով (օրինակ ՝ Պիքսելների համար պիքսելների լայնությունը):

Html պիտակի ներսում հաջորդ ատրիբուտը նախորդից առանձնացված է տարածությամբ: Վերջում տեղադրվում է փակման եռանկյուն փակագիծ: Ձեր ուշադրությունը հրավիրում եմ այն ​​փաստի վրա, որ Img- ը զույգ չէ, այսինքն. այն չունի փակման պիտակ:

Իդեալում, նման մի բան պետք է նախագծված լինի ձեր վեբ նախագծում օգտագործված բոլոր նկարներով: Այս տիպին կարելի է հասնել առանց ձեռքով խմբագրելու html կոդը յուրաքանչյուր պատկերի համար: Տարբեր CMS- ի վիզուալ խմբագիրները (Joomla, WordPress և այլն) թույլ են տալիս տեղադրել այս ամբողջ հարստությունը օգտագործողի համար հարմար գրաֆիկական ինտերֆեյսով, բայց փորձարկման կարգավորումից հետո, անպայման, ստուգեք ծածկագիրը (ցանկացած տեսողական խմբագրում կարող եք անցնել հոդվածի html կոդ ցուցադրելու համար):

Ստեղծեք հղումներ ՝ օգտագործելով html հղումը "A"

Հղումը HTML- ում փաստաթղթի կազմակերպման հիմնական տարրերից մեկն է: Առանց նրանց, ինտերնետային էջը պարզապես էջ կլիներ: Դրանք ստեղծվել են «A» պիտակի միջոցով: Պարտադիր հատկանիշը միայն Հրեֆն է: Այն սահմանում է URL- ն (ուղին), որտեղ օգտագործողը պետք է գնա `սեղմելով այս հիպերհղումը:

Ссылка может вести как на внутреннюю страницу вашего же ресурса (очень важный момент внутренней оптимизации связан именно с перелинковкой страниц сайта)), так и на страницу другого проекта. Html тег A является парным и, соответственно, имеет закрывающий элемент. Текст гиперссылки (анкор — тут про него подробно написано в плане способствования SEO продвижению) размещается между открывающим и закрывающим тегами «A».

Поисковые системы анализируют не только сам анкор, но и слова окружающие ее. Это следует учитывать при размещении ссылок на свой сайт на других ресурсах. Для того, чтобы она выглядела более натурально, можно часть текста вынести за пределы анкора, например:

Բացումը նոր պատուհանում և հղումը պատկերից (պատկերից)

Լավ, լավ, մենք նորից շեղվեցինք որոնիչների օպտիմիզացումից: Կրկին վերադարձրեք պիտակները: «Ա» html պիտակի համար կա մի շատ անհրաժեշտ ատրիբուտ, որը թույլ կտա ձեզ բացել այն էջը, որին տանում է այս հղումը նոր պատուհանում. Դա կարող է անհրաժեշտ լինել, եթե դուք կապում եք ձեր էջերից որևէ մեկի բազմաթիվ արտաքին փաստաթղթերի: Այս դեպքում այցելուի համար ավելի հարմար կլինի ձեր էջը միշտ բաց պահել:

Այս նպատակի համար կա պարամետր, որը թույլ է տալիս էջը բացել նոր պատուհանում, որը կոչվում է _ԲԼԱՆՔ. Եթե ​​Թիրախը նշված չէ A պիտակում, ապա հղումը կբացվի նույն պատուհանում: Թիրախային հատկանիշի օգտագործման օրինակ.

Խնդրում ենք նկատի ունենալ, որ պիտակների ներսում հատկանիշների կարգը որևէ կերպ կարգավորված չէ: Կարող եք գրել նաև.

Որպես խարիսխ html հղման պիտակի փոխարեն տեքստի փոխարեն պատկերը կարող է օգտագործվել. Այս դեպքում Img- ը բացման և փակման պիտակներ է ՝ A:

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

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

Խարիսխների և հեշերի հղումների ստեղծում

Մեկ այլ հետաքրքիր հատկանիշ է NAME- ը, որը նախկինում բավականին լայնորեն օգտագործվում էր այսպես կոչված կապի խարիսխներ ստեղծելու համար, որոնց կարելի էր մուտք գործել այսպես կոչված հեշ հղումներ: Մի քիչ շփոթեցնող, բայց հիմա ես կփորձեմ պարզաբանել: Եկեք ասենք, որ ձեզ հարկավոր է հղում կատարեք փաստաթղթի տեքստում որոշակի տեղին (ոչ թե դրա սկզբում), որտեղ կա որոշակի հարցի քննարկում:

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

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

Ի. պարզվում է, որ խարիսխը բաղկացած էր միայն «A» բացման և փակման պիտակից, մինչդեռ այն չէր պարունակում խարիսխ և ուներ մեկ պահանջվող ԱՆՈՒՆ անվանում: Այս հատկանիշի պարամետրը եղել է պիտակը, որի անվանումը դուք պետք է ինքներդ սահմանեք: Այս պիտակը հետագայում օգտագործվել է հեշի հղումը ստեղծելու համար:

Այժմ սա խարիսխները տեղադրելու միջոց է համարվել է հնացած և HTML վավերացուցիչը կհամարվի որպես համախառն սխալ. Խնդրում ենք ուշադրություն դարձնել դրան: Այժմ խարիսխները տեղադրվում են ՝ մոտակա պիտակի վրա ID ընտրիչ ավելացնելով:

Ենթադրենք վերնագրի հոդվածում, սա կարող է այսպիսին լինել.

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

Հիպերկապը ստեղծվում է ստանդարտ ձևով, բացառությամբ այն դեպքի, որ Ուռլի վերջում, որը նախատեսված է Հրեֆում, տեղադրվում է ֆունտի նշան (սուր նշան կամ հեշ խորհրդանիշ), իսկ դրանից հետո գալիս է խարիսխի պիտակի անվանումը, որը հոդվածի տեքստում անհրաժեշտ տեղում է:

Հեշի հղումը այսպիսի տեսք կունենա.

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

Եթե ​​խարիսխը գտնվում է նույն Html փաստաթղթում, ինչպես hash հղումը, ապա միայն խարիսխը կարող է նշվել:

Pin
Send
Share
Send
Send