- Ինտերնետում էջի URL- ն կամ «հասցե»
- <A> պիտակը եւ դրա հիմնական շարադրանքը
- Բացարձակ եւ հարաբերական հղում
- Ուղղորդված հղումը դեպի գրացուցակը, քան ընթացիկ
- <A> պիտակի հատկանիշները: Ինչպես բացել փաստաթուղթը հղումով `նոր պատուհանում
- Վերնագիր հղում: Տիտղոսի հատկանիշը <A> պիտակի համար
- Հատուկ գոտի ոչ պարունակություն: Արգելվում է կայքի «վստահության» փոխանցումը տեղեկանքով
- Ներքին հղումը կամ խարիսխը փաստաթղթի ներսում
- ՈՒղեցույց եզրագիծ - նկար
- Շարունակություն
Հղումներ (կամ հիպերհղումներ) ներթափանցում են արյան անոթների նման համացանցին: Եթե հղումներ չլինեին, ինտերնետ չէր լինի:
Ինչպես ստեղծել հղում HTML փաստաթղթում եւ ճիշտ գրանցել իր հատկանիշները, թե ինչ URL է եւ ինչպես որոնման համակարգերը վերաբերում են հղումներին, այս հաջորդ դասի համար սկսնակների համար սովորել HTML:
Ինտերնետում էջի URL- ն կամ «հասցե»
Վեբ-ում յուրաքանչյուր HTML փաստաթուղթ ունի իր «ճշգրիտ հասցեն»: Այն կոչվում է «URL», անգլերենից: URL - Համատեղ ռեսուրսների տեղադրիչ
URL- ի կառուցվածքը հաճախ տեսանելի է զննարկիչի հասցեի դաշտում: Այն ներառում է.
- Արձանագրության անվանումը http: // կամ https: //
- Կայքի տիրույթը
- թղթապանակը կամ թղթապանակը, որտեղ այս փաստաթուղթը գտնվում է,
- Ֆայլի անունը (միշտ չէ, որ կարող է լինել):
Այս «ճշգրիտ հասցեի» շնորհիվ հնարավոր դարձավ մեկ այլ փաստաթղթի տեքստից այս փաստաթուղթը հղել:
<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"
Հղում հղում թիրախ = "_ դատարկ"
Մի արգելեք այն: Այս հատկանիշով կայքի տեղադրման կարիք չկա: Օգտագործողները կարող են զայրացնել «վառվող պատուհանի» կողմից:
Ընդհանուր առմամբ, այս թիրախային հատկանիշով `ամբողջ պատմությունը: Կան մի շարք իմաստներ, սակայն բոլորն այսօր հազվադեպ են օգտագործվում:
Դա այն պատճառով է, որ նրանք նախագծված են կայքի հետ աշխատող շրջանակներում , որոնք այլեւս հայտնի չեն եւ 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;}
Սա սահմանափակում է սահմանի հաստությունը զրո բոլոր պատկերային հղումների համար:
Շարունակություն
Հաջորդ գրառմանը ես կխոսեմ էլփոստի հղումների մասին, դրանց հատկանիշներն ու չարամիտ սպամմերներից «պաշտպանության» մեթոդները