Ankeret på webstedet er meget nyttigt, hvis du vil have artiklerne på dit websted til en bekvem overgang mellem listeelementerne. De vender siden til det ønskede punkt eller åbner den ønskede side og hjælper brugeren med hurtigt at finde de oplysninger, han har brug for.
Hvis du skriver dit eget websted, skulle du have tænkt på, hvordan du gør dit webstedsnavigation mere praktisk. For at brugeren ikke skal søge efter de oplysninger, han har brug for på alle siderne på dit websted, er det bedst at bruge "anker" -teknikken. Det opretter et link til alle oplysninger eller dokumenter hvor som helst på dit websted.
Teori
For at skabe et anker skal du bruge to elementer:
- Den del af koden, der angiver linket til vores anker, er tilbage i en anden del af siden.
- Enhver del af koden, hvor en identifikator kan specificeres, er vores anker.
Først skal du oprette den første del af ankeret - et link til det. Et ankerlink har to dele: et sidelink og et ankerlink.
- Opret et "a" -tag eller ethvert andet tag, der understøtter attributten "href"
- Opret attributten "href" i dette tag
- Angiv et link til websidesiden i attributværdien.
- Efter linket skal du angive linket til ankeret ved hjælp af "#" symbolet og ethvert navn til ankeret (skrevet sammen, for eksempel: "#anchor")
Hvis du springer punkt 3 over og ikke angiver et link til websidesiden, søges der efter ankeret på den aktuelle side. Det vil sige, hvis du vil oprette et link til et anker placeret på den samme side, kan du udelade linket til selve siden.
Det er fortsat at oprette den anden del af ankeret - identifikatoren. Det refererer til ethvert tag i webstedskoden, der understøtter id-attributten. For at oprette et anker skal du:
- Opret en "id" -attribut i det krævede tag.
- I attributten "id" skal du angive værdien for det ankernavn, der blev angivet i det foregående trin. (eksempel:)
Efter disse to trin vises et link på webstedet, der fører dig til det angivne anker.
Øve sig
Lad os overveje, hvordan man opretter et anker ved hjælp af et specifikt eksempel.
Vi har en simpel side som denne:
Vi har tekst øverst og nederst på siden, masser af "br" tags, der skaber plads mellem teksterne. Vi er nødt til at oprette et anker, så vi hurtigt kan se på teksten i bunden.
For at gøre dette skal du oprette et nyt tag - "a" efter indskriften "tekst øverst". I det opretter vi attributten "href". For at gøre ankeret mere bekvemt, skriver vi "ned" i linket.
Nu specificerer vi værdien "#yakor" i attributten - dette vil være et link til navnet på ankeret.
Den første del af ankeret - linket til det - er klar. Nu er det kun tilbage at skabe selve ankeret. Vi videregiver til den ønskede del af siden. I dette tilfælde er det "tekst nederst". Da dette er enkel tekst uden et tag, er vi nødt til at oprette den. For at gøre dette skal du vedlægge teksten i et "afsnit" - tag "p".
I dette tag opretter vi attributten "id" og indtaster værdien "yakor" i den. Værdien "yakor" matcher det ankernavn, der blev angivet i linket.
Nu fungerer vores anker som det skal.
