Ինչպես ստեղծել հղում HTML փաստաթղթում: Tag A - նրա շարադրանքն ու հատկանիշները

  1. Ինտերնետում էջի URL- ն կամ «հասցե»
  2. <A> պիտակը եւ դրա հիմնական շարադրանքը
  3. Բացարձակ եւ հարաբերական հղում
  4. Ուղղորդված հղումը դեպի գրացուցակը, քան ընթացիկ
  5. <A> պիտակի հատկանիշները: Ինչպես բացել փաստաթուղթը հղումով `նոր պատուհանում
  6. Վերնագիր հղում: Տիտղոսի հատկանիշը <A> պիտակի համար
  7. Հատուկ գոտի ոչ պարունակություն: Արգելվում է կայքի «վստահության» փոխանցումը տեղեկանքով
  8. Ներքին հղումը կամ խարիսխը փաստաթղթի ներսում
  9. ՈՒղեցույց եզրագիծ - նկար
  10. Շարունակություն

Հղումներ (կամ հիպերհղումներ) ներթափանցում են արյան անոթների նման համացանցին: Եթե ​​հղումներ չլինեին, ինտերնետ չէր լինի:

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

Ինտերնետում էջի URL- ն կամ «հասցե»

Վեբ-ում յուրաքանչյուր HTML փաստաթուղթ ունի իր «ճշգրիտ հասցեն»: Այն կոչվում է «URL», անգլերենից: URL - Համատեղ ռեսուրսների տեղադրիչ

URL- ի կառուցվածքը հաճախ տեսանելի է զննարկիչի հասցեի դաշտում: Այն ներառում է.

  1. Արձանագրության անվանումը http: // կամ https: //
  2. Կայքի տիրույթը
  3. թղթապանակը կամ թղթապանակը, որտեղ այս փաստաթուղթը գտնվում է,
  4. Ֆայլի անունը (միշտ չէ, որ կարող է լինել):

Այս «ճշգրիտ հասցեի» շնորհիվ հնարավոր դարձավ մեկ այլ փաստաթղթի տեքստից այս փաստաթուղթը հղել:

<A> պիտակը եւ դրա հիմնական շարադրանքը

Հուսով եմ, որ «սինթետիկ» բառը այլեւս ձեզ չի վախեցնում

<a href="http://domen-saita.ru/papka-na-servere/dokument.html"> հղում տեքստ </a>

Ինչպես տեսնում եք, <A> պիտակի մեկնարկից հետո պետք է լինի պարտադիր href հատկանիշ, որը սահմանում է այն փաստաթղթի հասցեն, որով ցանկանում եք գնալ:

<A> կոնտեյներային տողի ներսում տեքստը (չնայած կարող է նկար լինել), որը հղման տեքստն է: Այն նաեւ կոչվում է « խարիսխ » կամ ուղղակի `խարիսխ:

Բացարձակ եւ հարաբերական հղում

Վերոնշյալ օրինակներում օգտագործվել են բացարձակ հղումներ: Նրանք, որոնք պարունակում են փաստաթղթի ամբողջական URL :

Որոշ դեպքերում, href- ի հատկանիշը չի պարունակում լրիվ URL, արձանագրության անունը եւ կայքի տիրույթը: Եթե ​​փաստաթուղթը, որով հղում է կատարում, նույն կայքում է, կարող եք օգտագործել այն հարաբերական հղումը, որը տեղադրվում է այն փաստաթուղթը, որտեղ գտնվում է փաստաթուղթը:

Աղյուսակ, երբ համեմատական ​​հղում է կիրառվում

Օրինակ `first.html փաստաթղթից հղումը հանգեցնում է second.html ֆայլին, որը գտնվում է նորությունների թղթապանակում:

Ուղղորդված հղումը դեպի գրացուցակը, քան ընթացիկ

Կոդ `

<a href="../first.html"> սա համօգտագործվող հղումը ֆայլի դիրեկտորիայի մակարդակով մեկում </a>

Այս հղումը հանգեցնում է «firstent.html» ֆայլի «ծնող» գրացուցակում, այսինքն, մեկ մակարդակի վրա :

Համադրումը / / ցույց է տալիս թղթապանակը մեկ մակարդակի վրա, ֆայլի տվյալ դիրքում, որի հղումը կատարվում է:

<A> պիտակի հատկանիշները: Ինչպես բացել փաստաթուղթը հղումով `նոր պատուհանում

Փաստաթուղթը նոր բրաուզերի էջում բացելու համար անհրաժեշտ է օգտագործել հատկորոշման թիրախ = "_ blank"

Փաստաթուղթը նոր բրաուզերի էջում բացելու համար անհրաժեշտ է օգտագործել հատկորոշման թիրախ = _ blank

Հղում հղում թիրախ = "_ դատարկ"

Մի արգելեք այն: Այս հատկանիշով կայքի տեղադրման կարիք չկա: Օգտագործողները կարող են զայրացնել «վառվող պատուհանի» կողմից:

Ընդհանուր առմամբ, այս թիրախային հատկանիշով `ամբողջ պատմությունը: Կան մի շարք իմաստներ, սակայն բոլորն այսօր հազվադեպ են օգտագործվում:

Դա այն պատճառով է, որ նրանք նախագծված են կայքի հետ աշխատող շրջանակներում , որոնք այլեւս հայտնի չեն եւ HTML5- ի գալուստով դառնում են անցյալի բան:

Վերնագիր հղում: Տիտղոսի հատկանիշը <A> պիտակի համար

Մեկ այլ օգտակար հատկանիշը title = "Տեքստը բացատրել, թե որտեղ է այս հղումը տանում"

Syntax:

<a href="http://domen-saita.ru/papka-na-servere/dokument.html" title="The popup- ի ակնարկ"> սա ակնարկ հղումը </a>

Ինչպես տեսնում եք, զննարկիչը այն ցուցադրում է որպես գործիքի հուշում: Եվ դեռ հաշվի է առնվում որոնման համակարգերը:

Հղումը հուշում է հղման վերնագրի համար

Հատուկ գոտի ոչ պարունակություն: Արգելվում է կայքի «վստահության» փոխանցումը տեղեկանքով

Կա մեկ այլ երկիմաստ հատկանիշ հղումների rel = "nofollow"

Նա պատմում է Search Engine- ներին, որ հղման փաստաթուղթը չի կարող վստահելի լինել: Միեւնույն ժամանակ, Աղբյուրի կայքում տեղադրված վստահությունը («վստահության») ցուցանիշները չեն փոխանցվում կայքում:

«Վստահության» եւ կապի վարկանիշի թեման դեռեւս առաջ է, բայց եթե կարճ է, որոնման համակարգերում տեղադրվող «ճակատագիրը» կախված կլինի նաեւ այս կայքի տանող հղումների թվից: Նրանցից շատերը, ավելի հեղինակավոր կայքերը կապում են կայքի առավել վստահելիության մասին:

Որոշ դեպքերում այն ​​արժե «սքրինինգ» կապել այս հատկանիշի հետ: Օրինակ, եթե դուք որեւէ բացասական արձանագրություն եք գրում որեւէ ծառայության մասին:

<a href="http://bad-sait.ru/dokument.html" rel="nofollow"> վատ կայքը </a>

Ներքին հղումը կամ խարիսխը փաստաթղթի ներսում

Խոշոր տեքստերում հաճախ պահանջվում է այսպես կոչված «խարիսխների» տեղադրում փաստաթղթի տրամաբանական մասերում: Այնուհետեւ, այստեղ է, կարող եք դիմել:

Օգտագործման ամենադյուրին ճանապարհն այն է, որ այս խարիսխներին հանգեցնող հիպերտոնիկ բովանդակության տեղական աղյուսակը ստեղծվի: Բովանդակության այդպիսի աղյուսակը սովորաբար դրվում է հոդվածի սկզբում:

Նման խարիսխ ստեղծելով, անունը հատկանիշը օգտագործվում է href հատկանիշի փոխարեն:

Խարիսխ ստեղծելու տեքստը հետեւյալն է.

<a name="top"> </a>

ՈՒղեցույց ստեղծելու ժամանակ URL- ի վերջում ավելացրեք # նշանը `« խարիսխի »անվանումը:

<p> <a href="#top"> Վերեւ </a> </a> / p>

Անցումը հենց այդ վայրում կլինի, այսինքն, Բրաուզերը այս տեղը կտեղադրի վերին տեսանելի մասում:

Հաճախ, երկար փաստաթղթերում, հենց ներքեւում, նրանք տեղադրել են նման «Վերեւ» հղումը:

... շրջելով աշխարհի բուրավետ հացահատիկներից, նրանք հայտնաբերել են այն մարդկանց որակի բարձր որակը, որոնց համար Աֆրիկան, Ասիան, Կենտրոնական եւ Հարավային Ամերիկան ​​հայտնի են: Հետեւաբար այսօր բրենդի սուրճի տներում Սուրճի հատիկ Դուք կգտնեք լավագույն սուրճի սորտերը ճանաչված արտադրողների կողմից:

Դեպի Վերեւում Դեպի

Մեկ այլ փաստաթղթից կարող եք նաեւ գնալ այս վայր, եթե URL- ի վերջում ավելացնեք նշումով # name_accord

<a href="http://domen-saita.ru/dokument.html#top"> հղման տեքստը հանգեցնում է այս փաստաթղթի «վերեւի» խարիսխին </a>

ՈՒղեցույց եզրագիծ - նկար

Ցանկացած պատկեր կարող է լինել հղում:

Կոդ `

<a href="http://sait.ru/dokument.html"> <img src = kartinka.jpg "width =" 100 "height =" 131 "/> </a>

Լռելյայնորեն, հղումները ընդգծվում են բրաուզերի կողմից, կապույտ կապույտ գիծով, իսկ կապի նկարները ստանում են կապույտ շրջանակ:

Հղումներ-նկարները ստացվում են կապույտ շրջանակով

Դրանից ազատվելու համար կայքը համար CSS ֆայլին ավելացվում է մի պարզ կանոն.

a {սահման: 0px;}

Սա սահմանափակում է սահմանի հաստությունը զրո բոլոր պատկերային հղումների համար:

Շարունակություն

Հաջորդ գրառմանը ես կխոսեմ էլփոստի հղումների մասին, դրանց հատկանիշներն ու չարամիտ սպամմերներից «պաշտպանության» մեթոդները