ՀամակարգիչներԾրագրավորում

Ինչպես տեղադրել հղում, HTML: Ստեղծել եւ օգտագործելով hyperlinks է HTML

Hypertext տեքստ պարունակող հղումներ դեպի այլ տեքստը: Օրինակներ են հեղինակի նշումներ բարդ սահմանումներ կամ թարգմանչական տողատակի ներքեւի մասում էջերում գրքի, եթե այն գտնվում է տեքստը օտար լեզվով: Ինտերնետ կայքեր են բարդ համակարգ hypertext jumps մեկ էջում մյուսը շրջանակներում էջը, այլեւ միջեւ անկապ միայնակ-themed ռեսուրսների. Նման կառույց է գործնական, փրկում շատ ժամանակ, թույլ է տալիս այցելուին արագ գտնել տեղեկատվություն Ձեզ անհրաժեշտ, եւ ոչ թե կորչում է մեծ թվով անցման.

Տեղադրեք հղիչ

In HTML մտցրեք hyperlinks օգտագործելով բնութագրիչ (tag) , որը տեղադրված է ճիշտ տեղում: Սովորաբար դա թվում է տեքստը, ինչպես հղիչ ինքնին տեքստի կառուցվածքը: Բայց հղումներ են ավելի գրաֆիկա (սրբապատկերներ, կոճակները, նկարներ). Նրանցից կքննարկվի հետագա. Նրանց գտնվելու վեբ էջի չէ սահմանափակվում է տեքստի, այլ կախված է նախագծային որոշումներ կայացնողի կայքում.

էջ Google

Սա մի օրինակ է, թե ինչպես պետք է տեղադրել հղում դեպի HTML փաստաթուղթը, որը կատարվում է թեգով: Կայքի այցելուները կտեսնեն ընդգծված տեքստը, որը տարբերվում է գույնի շրջակա տեքստի (գունավոր HTML հղումներ կարող է լինել մի բան), «Google- ի գլխավոր էջում", սեղմելով վրա, որ նա կարող է հասնել գլխավոր էջում, «Google» որոնողական: Հարկ է նշել, որ տեքստը Հիպերհղումը պետք է պարունակի տեղեկություններ, որտեղ անցումը կիրականացվի: Այս սկզբունքը պետք է հետեւել, եւ ձեռնարկվեն որպես կանոն!

Պիտակ կառուցվածքը ...

Դուք կարող եք նկատել, որ tag - կրկնապատկում: պահանջվող փակվում tag :

href - թեգը ատրիբուտը սահմանում է նպատակակետ մի հղումը:

https://google.com/ - հատկանիշը արժեքը, ցանկապատել URL հասցեն է ռեսուրսի վրա, որը պետք է անցում կատարել: Դա կրկնակի կամ չակերտների. Այն կախված է կառուցվածքի մասին nesting tag մասին HTML կանոնների:

էջ Google

ամբողջ կառուցվածքը տարր է վեբ փաստաթղթի.

Տակ կանոնների HTML, որոշ տարրեր կարող է պարունակել նաեւ այլ տարրեր. Պիտակ ոչ մի բացառություն. Եթե ծրագրավորող անհրաժեշտ է ընդգծել համարձակ բառի Google, դուք դա անել, օգտագործելով հատկորոշիչը , ըստ ընդհանուր կանոնների տեքստով չափագրումը հաջորդականությամբ nested թեգերը. Webmaster պետք է իմանա, թե ինչպես պետք է ստեղծել հղիչ է որեւէ HTML սխալի ազատ, այլապես նրանք չեն աշխատում: Ջարդված հղումներ համակարգչային ժարգոն, որը կոչվում է «հարվածել»:

հիմնական էջ Google

Այստեղ: տարրը

հիմնական էջ Google

Այն պարունակում է nested

Google

Այժմ էջ այցելու տեսնում հղիչ է համարձակ տեքստում բառը «Google»:

բացարձակ hyperlinks

Hyperlinks, որոնք օգտագործում բացարձակ URL հասցեներ կայքեր, որոնք պարունակում են դոմենային անուններ (.ru, .com, .org, կայքը ), որը կոչվում է բացարձակ, եւ ունեն հետեւյալ շարահյուսություն:

Արձանագրություն: // տիրույթի անունը / ուղին ֆայլի

Օրինակ, հասցեն տարածված է Ամերիկայի որոնողական: https://aol.com բացարձակ, քանի որ այն պարունակում է դոմենի անուն. Com.

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

  • HTTP եւ HTTPS - ամենատարածված. նրանց համար անցնել միջեւ վեբ էջերի տարբեր վայրերում.
  • FTP մի արձանագրություն բեռնում ֆայլերը սերվերի կամ օգտագործողի ներլցնլք կայքում.
  • mailto - mail արձանագրությունը, որը ուղարկում է էլեկտրոնային փոստով անմիջապես կայքում, առանց պատրաստվում է անհատական e-mail:

Կան մի քանի հաղորդումներ, հատուկ նպատակով (gopher, ՏԵԼՆԵՏ), շատ հազվադեպ, որոնց օգտագործումը պահանջում է հատուկ գիտելիքներ ծրագրավորման կամ համակարգի կառավարման.

հարաբերական hyperlinks

Հետ հարաբերական դիմելով, օգտագործումը hyperlinks է HTML օգտագործվում է անցման կյանքի եւ չի հանգեցնի դուրս դրան: Եթե էջ այնքան մեծ է, որ աշխատում է ուղղահայաց scrollbar, երբեմն շատ երկար, ինչպես, օրինակ, բառարանում, դա շատ հարմար եւ տեղին է օգտագործել հարաբերական հղումներ ցատկել է ցանկալի նամակում:

Ստեղծվում օնլայն բառարան, ծրագրավորող սկզբին էջի ունի այբուբենը, եւ եթե ոչ օգտագործման համար հղումներից, օգտագործողը կլիներ շատ երկար ժամանակ է դարձնել անիվը մկնիկը հասնել նամակում «I»:

Է ստեղծել հարաբերական հղումը, օգտագործելով NAME հատկանիշի tag:

Վերադառնալ նամակում ես պաշտոնում

որտեղ ya կոչվում խարիսխը, իսկ Վերադառնալ Նամակում ես - խարիսխ նպատակակետ. Համար ճիշտ դրսեւորում ամրացնող, այն խորհուրդ է տրվում օգտագործել նամակների եւ թվեր, այնպես որ չեմ գրել «ես», չնայած այն կլիներ հասկանալի:

Հիմա, որ անցում է այբուբենի սկզբին էջի նամակին «I», դա անհրաժեշտ է, որպեսզի խարիսխը ականջ է HTML փաստաթղթի, որը սկսվում է նամակում «I»:

առջեւ խարիսխ կանգնած համարը նշան, առանց որի անցումը նամակում չի աշխատելու:

Հարաբերական դիմելով երբ կառուցելու կայքը

Հարմար եւ առավել տարածված ալգորիթմը ստեղծելու համար ծրագրային կայքը:

  • Ստեղծել թղթապանակ ձեր համակարգչի եւ նրա գտնվելու վայրի վայրում համար հարմարության արագ հասանելիության.
  • ստեղծելով index.html ի թղթապանակը գլխավոր էջում.
  • ստեղծումը երկրորդային ինտերնետային էջում (index.html / page2);
  • Ստեղծել թղթապանակ եւ տեղադրելով այն պատկերի ֆայլեր.
  • Ստեղծել թղթապանակը եւ տեղաբաշխման այն այլ օբյեկտների (ֆայլերի ներբեռնման համար, օրինակ),
  • լցնումը կայքի բովանդակության.
  • դնելով կայքը հյուրընկալելու ֆայլեր.

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

Ենթադրենք մի ծրագրավորող ստեղծել է մի Հիմնաէջը index.html կայքը, որն ունի հղումը դեպի մեկ այլ էջի page2.html, զարդարված մի նկարը img.png: Ապա հարաբերական ուղին դեպի պատկերով կանդրադառնա հավանում են սա:

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

Մեթոդները սեղմեք հղիչ

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

Արժեքները թիրախային հատկանիշի
_blank բացում է էջը նոր պատուհանում տեղադրել
_self բացում է էջը ընթացիկ պատուհանի (լռելյայն ընդլայնված)
_parent բացում է էջը ծնողի շրջանակի
_top օգտագործելով շրջանակները չեղյալ համարել բոլոր նրանց, եւ բացում էջը ընթացիկ բրաուզերի պատուհանի

The շարահյուսություն համար կիրառման հատկանիշներ թիրախը:

էջ Google

Գլխավոր էջ «Google» - ը բացել է նոր պատուհան:

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

The գույնը hyperlinks

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

Սահմանում գույնը հղումներ թեգի օգտագործելով հատկանիշները եւ դրանց արժեքները, որը ծառայում HTML գույն է RGB համակարգում (# 00FF00) կամ ուղղակի անունը նշելու գույնի ( «կանաչ»): Գոյություն ունեն երեք տեսակի հատկանիշների համար հղումներ:

  • հղում - սահմանում գույնը չայցելած հղումները.
  • vlink - սահմանում գույնը հղումներից որի միջոցով օգտվողը արդեն անցել.
  • Alink - սահմանում է գույնը հղումը երբ անցումը մեկ այլ էջում: Դա արագ, այնպես որ կարող եք միշտ չէ, որ բռնել այդ ազդեցությունը:

նշագծման օրինակ:

<Մարմին ուղեցույց = «# 330099» Alink = «# ff0000» vlink = «# 990066">

Եթե դուք դիմել այդ հատկանիշներն հատկորոշիչը , որ հղում է վեբ փաստաթղթի կլինի մուգ կապույտ, իսկ այցելել են մանուշակագույն եւ ակտիվ - նարնջագույն, կարմիր.

գրաֆիկական hyperlinks

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

Լայնորեն օգտագործվում միջոց է փոխարինել ստատիկ կոճակները () է գեղեցիկ գրաֆիկայի կողմից ստեղծված վեբ դիզայներ գրաֆիկական խմբագիր (GIMP, Photoshop):

Է տեղադրեք, ինչպես նաեւ գրաֆիկական hyperlinks էջերում կայքի օգտագործում է նույն ձեւաչափումով, բայց փոխարենը տեքստի օգտագործելով պատկերի պիտակի Տեղադրելու կանոնները HTML:

Ի թեգի է նույն կերպ կիրառելի հատկանիշները նշեք այլընտրանքային տեքստը, լայնություն, բարձրություն, եւ այլն:

Զանգեր կայքում

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

... կուսակցությունը ...

Բառի փոխարեն «կողմ» է սահմանվում ինտուիտիվ բժնրդ կոնտակտ հեռախոսագիրքը: Դուք կարող եք նաեւ տեղադրել գրաֆիկական ֆայլ (օգտվողին լուսանկար):

Որ կատարվել է կայքում, դուք պետք է ունենա ոչ միայն հղում է բաժանորդի հեռախոսահամարը, այլ նաեւ ականջակալ (խոսափողը, ականջակալներ), տեղադրված է Ձեր համակարգչի VoIP ծրագրի, ինտերնետի արագությունը պետք է գերազանցի 0.5 ՄԲ / վ: Վճարումը զանգերի համար կազմել երթեւեկության հոսքը. Հետեւաբար, եթե ինտերնետը անսահմանափակ է, զանգերն անվճար են.

Էթիկա ստեղծել hyperlinks

Դնելով կայքը ինտերնետում, վեբմաստերի պետք է իմանա, թե ինչ տեսակի կան hyperlinks է HTML, եւ ոչ միայն ճիշտ է օգտագործել դրանք մասնագիտորեն, այլեւ հավատարիմ է հետեւյալ դրույթների:

  • Հիպերհղումը պետք է լինի հեշտ տեսանելի, տարբերվում է իր շրջակա տեքստում. Օգտագործողը պետք է իմանա, որ դա մի հղիչ.
  • Օգտագործողը պետք է լինի հստակ, որտեղ նա կստանա սեղմելով վրա հղումը. Որպեսզի դա անել, դա նպատակահարմար է օգտագործել ավելի կապվածություն տիտղոսը, որը համառոտ կերպով նկարագրում է դարձի էջը: Շարահյուսական դիմումի հատկանիշը:

Yandex- ը

  • Օգտագործողը պետք է ձեռք բերի ճշգրիտ տեղեկություններ ֆայլը կներբեռնվի, երբ դուք սեղմեք հղումը:

Մի անգամ չէ, որ ակնկալվում էջ կամ բեռնելիս սխալ ֆայլ, օգտագործողի 99% - ը անհապաղ հեռանալ կայքում եւ երբեք դրա վրա չի իջնում է ապագայում.

Anti-Seo է ստեղծել hyperlinks

Ի լրումն տեխնիկական կողմի այն հարցին, թե ինչպես պետք է տեղադրել մի հղիչ է HTML, պետք է կարեւորել ավելի ու բարոյական: Կան բազմաթիվ կայքեր, որոնց արգելափակված օգտվողներին անվտանգության ապահովման (հակավիրուսային), կամ նույնիսկ պետության: Սրանք են այն վայրերը, որոնք ստեղծվել են անմաքուր վեբ ծրագրավորողների ձեռքը:

Մեկը հնարքներ, որոնց նրանք Resort - է տեղադրեք «անտեսանելի» hyperlink է վեբ էջում: Scammers գիտեն, թե ինչպես պետք է ստեղծել հղիչ է HTML, եւ օգտագործել ընդգծում են հատկանիշը է հեռացնել հղումներ եւ հանձնարարել այն գույնը շրջակա տեքստի, այնպես, որ միջին օգտագործողը չի տեսնում նրան: Եւ օգնությամբ, այլ վեբ տեխնոլոգիաների գործիքների (CSS, JavaScript, PHP) կարող է ծրագրավորված իրենց վարքագիծը. Օրինակ, OnMouseOver JavaScript- ը լեզուն միջոցառումը ակտիվացնում է ազդեցությունը վեբ էջում տարրերի. Երբ օգտագործողը կրում է կուրսորը անտեսանելի հղումը, նա ստանում է գովազդային էջերում այլ կայքեր. Կամ նույնիսկ ավելի վատ է, երբ կա անտեսանելի հղում է մի ֆայլ է իր համակարգչում եւ սկսում ներբեռնել եւ տեղադրել unneeded ծրագրային ապահովման. Որպես կանոն, մի վիրուս, որը փոխել բրաուզեր էջ, աղտոտեք կոշտ սկավառակի եւ այլ զանգվածային ծրագրեր:

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

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 hy.atomiyme.com. Theme powered by WordPress.