HTML առաջին քայլերը - Դաս 4 - Հղումներ (հիպերհղումներ)
Մենք մոտեցանք HTML-ի ամենաբառերիմ հիմունքներին, այն բանի համար, ինչի համար HTML ստեղծվել է, այսինքն՝ հիպերհղումները (կամ պարզապես հղումներ)։ Հղումները կապի ձև են տարբեր նյութերի միջև։ Օրինակ, դուք ունեք 100000 տեքստային ֆայլեր, եթե դրանց համար ստեղծեք բաժիններ, նույնիսկ եթե յուրաքանչյուր բաժնում լինի 200 նկարագրություն, ձեզ 500 բաժին է հարկավոր։ Այս 500 բաժինները դիտելու և անհրաժեշտ տեղեկատվությունը գտնելու համար ձեզ շատ ժամանակ է պետք։ Ինչպես են հղումները հեշտացնելու մեր կյանքը?
Հղումները կապում են երկու HTML փաստաթուղթը՝ այնպես, որ յուրաքանչյուր HTML փաստաթուղթ ունի անուն, և այն պետք է լինի յուրահատուկ։ Հետևաբար, մեկ փաստաթղթից մենք կարող ենք անցնել տասնյակ այլ նմանատիպ, հայտնի փաստաթղթերի՝ ավելացնելով մեր հնարավորությունը գտնելու անհրաժեշտ տեղեկատվություն։
Նույն սկզբունքը գործում է նաև վեբ կայքերի համար։ Կայքի էջերը ունեն յուրահատուկ անուններ՝ URL (էջի միանշանակ տեղորոշիչ)։ Գրելու համար էջի անվանումը, որի վրա մենք ցանկանում ենք հղում անել, պետք է օգտագործել <a></a> տեգը։ Ընդհանուր տեսքով դա երևում է հետևյալ կերպ՝
<a href="unique_path">հղման տեքստ</a>
Այս կոդում href-ը՝ A տեգի հատկանիշն է։ Ինչպես մենք արդեն քննարկել ենք անցած դասում, հատկանիշները շատ կարևոր են։ Հիմա եկեք ստեղծենք ևս մեկ ֆայլ նույն папке, որտեղ գտնվում է index.html։ Նվիրենք նրան file.html անունը և տեղադրենք հետևյալ կոդը՝
<html>
<head>
<title>Իմ երկրորդ HTML փաստաթուղթը</title>
</head>
<body>
<h1>Իմ երկրորդ HTML փաստաթուղթը</h1>
</body>
</html>
Իսկ index.html-ում կգրենք այս կոդը՝
<html>
<head>
<title>Իմ առաջին HTML փաստաթուղթը</title>
</head>
<body>
<h1>Իմ առաջին HTML փաստաթուղթը</h1>
<p>
<a href="file.html">Հղում երկրորդ փաստաթղթին</a>
</p>
</body>
</html>
Այժմ, երբ մենք բացում ենք index.html-ը բրաուզերում, մենք ունենք հղում, որը թույլ է տալիս անցնել file.html։ Հիմա եկեք փորձենք գրել ֆայլի ուղիները։ Երբ երկու ֆայլերն էլ նույն папке-ում են, մենք ուղղակի գրում ենք ֆայլի անունը href հատկանիշում, և բրաուզերը հասկանում է, որ քանի որ նշված է միայն ֆայլի անունը, ապա ֆայլը գտնվում է նույն папке-ում, որտեղ գտնվում է աղբյուրը։ Իսկ եթե մենք չգիտենք, որ ֆայլերը պետք է գտնվեն նույն папке-ում, ինչպե՞ս ստեղծել հղում։ Ահա թե ինչպես մեզ կօգնեն հարաբերական ուղիները։
Հանրահավաք ուղիներ
Հանրահավաք ուղիները կոչվում են այնպես, որովհետև ֆայլի ուղին մենք գտնում ենք համեմատաբար աղբյուրի ֆայլի հետ։ Հիմա ստեղծենք files անունով ֆոլդեր այն папке-ում, որտեղ գտնվում է index.html ֆայլը։ Այս ֆոլդերի մեջ մենք տեղափոխում ենք file.html ֆայլը։ Այժմ եթե դուք անցեք բրաուզերում index.html ֆայլի հղման վրա, ապա բրաուզերը այլևս չի կարող գտնել file.html ֆայլը, քանի որ մենք փոխել ենք դրա դիրքը կապված index.html ֆայլից։
Հիմա մենք պետք է օգտագործենք ուղի, որը կլինի հարաբերական index.html ֆայլի նկատմամբ։ Ֆոլդերի համար մենք պետք է օգտագործենք սլեշ (slashe), այսպես՝
/Program Files/MSOffice/
Ուղու սկիզբը նշելու համար մենք գրում ենք ./ (պատմական սլեշ)։ Այսպիսով՝ files ֆոլդերին ուղղված ուղին index.html ֆայլից կլինի հետևյալը՝
./files/
Եվ հետո պետք է ավելացնենք ֆայլի անունը ուղու վերջում, որպեսզի ցույց տանք, որ ուղին վերաբերում է file.html ֆայլին։
./files/file.html
Այժմ եկեք թարմացնենք ուղին index.html-ում՝
<html>
<head>
<title>Իմ առաջին HTML փաստաթուղթը</title>
</head>
<body>
<h1>Իմ առաջին HTML փաստաթուղթը</h1>
<p>
<a href="./files/file.html">Հղում երկրորդ փաստաթղթին</a>
</p>
</body>
</html>
Հիմա պահպանեք index.html փաստաթուղթը և թարմացրեք էջը բրաուզերում (հանդիպելը պետք է լինի index.html էջում)։ Հիմա file.html-ը նույնպե՞ս աշխատում է։ Հավանաբար: