Saidi ankur on väga kasulik, kui soovite, et teie saidi artiklitel oleks mugav üleminek loendi üksuste vahel. Nad pööravad lehe soovitud punkti või avavad soovitud lehe, aidates kasutajal vajalikku teavet kiiresti leida.
Kui kirjutate oma saiti, oleksite pidanud mõtlema, kuidas saidil navigeerimist mugavamaks muuta. Selleks, et kasutaja ei peaks teie saidi kõigi lehtede hulgast vajalikku teavet otsima, on kõige parem kasutada "ankur" tehnikat. See loob lingi mis tahes teabele või dokumendile kõikjal teie saidil.
Teooria
Ankru loomiseks vajate kahte elementi:
- Koodi osa, mis tähistab linki meie ankrule, jäi saidi teise ossa.
- Mis tahes osa koodist, milles saab identifikaatori määrata, on meie ankur.
Kõigepealt peate looma ankru esimese osa - lingi sellele. Ankurlingil on kaks osa: lehelink ja ankurlink.
- Looge silt a või mõni muu silt, mis toetab atribuuti href
- Selles sildis looge atribuut "href"
- Määrake atribuudi väärtuses link saidi lehele.
- Pärast linki märkige link ankrule, kasutades sümbolit "#" ja ankru mis tahes nime (koos kirjutatud, näiteks: "#anchor")
Kui jätate punkti 3 vahele ja ei täpsusta linki saidi lehele, otsitakse ankrut praeguselt lehelt. See tähendab, et kui soovite luua lingi samal lehel asuvale ankrule, võite lingi lehele ise jätta.
Jääb luua ankur teine osa - identifikaator. See viitab mis tahes saidikoodi märgendile, mis toetab atribuuti id. Ankru loomiseks peate:
- Looge nõutavas märgendis atribuut "id".
- Atribuudis "id" määrake eelmises etapis määratud ankru nime väärtus. (näide:)
Pärast neid kahte sammu ilmub saidile link, mis viib teid määratud ankruni.
Harjuta
Mõelgem, kuidas konkreetse näite abil ankur luua.
Meil on lihtne selline leht:
Lehe üla- ja alaosas on tekst, palju „br“silte, mis loovad tekstide vahele ruumi. Peame looma ankru, et saaksime allosas olevat teksti kiiresti vaadata.
Selleks looge pärast sildi "ülaosas olev tekst" uus silt - "a". Selles loome atribuudi "href". Ankru mugavamaks muutmiseks kirjutame lingile "alla".
Nüüd määrame atribuudis väärtuse "#yakor" - see on link ankru nimele.
Ankru esimene osa - link sellele - on valmis. Nüüd jääb üle vaid ankur ise luua. Läheme lehe soovitud ossa. Sel juhul on see "tekst allosas". Kuna see on lihtne siltita tekst, peame selle looma. Selleks lisage tekst "lõikesse" - silt "p".
Selles märgendis loome atribuudi "id" ja sisestame sinna väärtuse "yakor". Väärtus "yakor" vastab lingil täpsustatud ankru nimele.
Nüüd töötab meie ankur nii nagu peaks.
