HayqSystem

HTML5 հղումներ

HTML5 հղումներ ։ Հղումները, որոնք ներկայացված են <a></a> տարրով, կարևոր դեր են խաղում՝ դրանք ապահովում են նավարկություն առանձին փաստաթղթերի միջև։ Այս տարրն ունի հետևյալ ատրիբուտները.

1․ href: սահմանում է հղման հասցեն

2․ hreflang: ցույց է տալիս փաստաթղթի լեզուն, որին տանում է հղումը

3․ media: սահմանում է սարքը, որի համար նախատեսված է հղումը

4․ rel: սահմանում է տվյալ փաստաթղթի և հղված ռեսուրսի միջև կապը

5․ target։ որոշում է, թե ինչպես պետք է բացվի հղման հետ կապված փաստաթուղթը

6․ type: հղումով ցույց է տալիս ռեսուրսի տեսակը

Ամենակարևոր հատկանիշը href է.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Հղումներ</title>
    </head>
    <body>
        <a href="content.html">HTML5 Դասեր</a>
    </body>
</html>

Այստեղ հղումի համար օգտագործվում է content.html հարաբերական ուղին: Այսինքն՝ այս փաստաթղթի հետ նույն թղթապանակում պետք է լինի ֆայլ content.html, որին կհետևի սեղմելով հղման վրա։

Նավիգացիա փաստաթղթի ներսում

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Ներքին հղումներ</title>
    </head>
    <body>
        <a href="#paragraph1">Վերնագիր 1</a> 
        <a href="#paragraph2">Վերնագիր 2</a>  
        <a href="#paragraph3">Վերնագիր 3</a>
        <h2 id="paragraph1">Վերնագիր 1</h2>
        <p> Վերնագիր 1 նյութ</p>
        <h2 id="paragraph2">Վերնագիր 2</h2>
        <p> Վերնագիր 2 Նյութ</p>
        <h2 id="paragraph3">Վերնագիր 3</h2>
        <p> Վերնագիր 3 նյութ</p>
    </body>
</html>

Ներքին հղում սահմանելու համար օգտագործեք հեշ նշանը (#), որին հաջորդում է այն տարրի ID-ն, որով ցանկանում եք նավարկել: Այս դեպքում անցումը կանցնի h2 վերնագրերին:

Ատրիբուտ target

Լռելյայնորեն, կապված ռեսուրսները բացվում են նույն պատուհանում: Դուք կարող եք անտեսել այս գործողությունը՝ օգտագործելով target հատկանիշը: Target հատկանիշը կարող է վերցնել հետևյալ արժեքները.

1. _blank: html փաստաթուղթ բացելը դիտարկիչի նոր պատուհանում կամ ներդիրում

2. _self: html փաստաթուղթ բացելը նույն շրջանակում (կամ պատուհանում)

3. _parent: բացելով փաստաթուղթը մայր շրջանակում, եթե հղումը գտնվում է ներքին շրջանակում

4. _top: բացելով html փաստաթուղթ ամբողջ դիտարկիչի պատուհանում

5. framename: բացել HTML փաստաթուղթ շրջանակում, որը կոչվում է framename (այս դեպքում, framename-ն ընդամենը օրինակ է, շրջանակի անվանումը կարող է կամայական լինել)

Հղում-նկար

Տեղադրելով <img> տարրը <a> տարրի ներսում՝ կարող եք ստեղծել պատկերի հղում.

<a href="index.html">
    <img src="cover.png" alt="HTML tutorial">
</a>

Styling հղումներ

Լռելյայնորեն հղումն արդեն ունի որոշակի գույն (կապույտի երանգներից մեկը), ինչպես նաև ունի ընդգծված: Երբ սեղմում եք հղման վրա, այն ակտիվանում է և դառնում կարմիր, իսկ հղման վրա սեղմելուց հետո այս հղումը կարող է վերածվել այլ գույնի (սովորաբար մանուշակագույն): Այս ոճը լռելյայն սահմանված է շատ բրաուզերներում, բայց մենք կարող ենք այն անտեսել: Օրինակ:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Հղումներ</title>
        <style>
            a:link    {color:blue; text-decoration:none}
            a:visited {color:pink; text-decoration:none}
            a:hover   {color:red; text-decoration:underline}
            a:active  {color:yellow; text-decoration:underline}
        </style>
    </head>
    <body>
        <a href="index.html">HTML5 Դասեր</a>
    </body>
</html>

Նախորդը

Հաջորդը

Բաժանորդագրվեք Տելեգրամ ալիքին բաց

չթողնելու համար նոր նյութերը ՝ https://t.me/hayqsystem

Կիսվել հրապարակումով