Ankeret på nettstedet er veldig nyttig hvis du vil at artiklene på nettstedet ditt skal ha en praktisk overgang mellom listeelementene. De snur siden til ønsket punkt eller åpner ønsket side, og hjelper brukeren med å raskt finne informasjonen han trenger.
Hvis du skriver ditt eget nettsted, burde du ha tenkt på hvordan du kan gjøre navigasjonen på nettstedet mer praktisk. For at brukeren ikke trenger å søke etter informasjonen han trenger blant alle sidene på nettstedet ditt, er det best å bruke "anker" -teknikken. Det vil opprette en lenke til informasjon eller dokument hvor som helst på nettstedet ditt.
Teori
For å lage et anker trenger du to elementer:
- Den delen av koden, som indikerer lenken til ankeret vårt, er igjen i en annen del av nettstedet.
- Enhver del av koden der en identifikator kan spesifiseres, er vårt anker.
Først må du opprette den første delen av ankeret - en lenke til det. En ankerlenke har to deler: en sidelink og en ankerlenke.
- Lag en "a" -kode eller en hvilken som helst annen kode som støtter attributtet "href"
- Opprett attributtet "href" i denne koden
- Spesifiser en lenke til siden i attributtverdien.
- Etter lenken, angi lenken til ankeret ved hjelp av "#" -symbolet og et hvilket som helst navn for ankeret (skrevet sammen, for eksempel: "#anchor")
Hvis du hopper over punkt 3 og ikke spesifiserer en lenke til siden, vil ankeret bli søkt etter på den gjeldende siden. Det vil si at hvis du vil opprette en lenke til et anker som ligger på samme side, kan du utelate lenken til selve siden.
Det gjenstår å lage den andre delen av ankeret - identifikatoren. Det refererer til hvilken som helst tag i nettstedskoden som støtter id-attributtet. For å lage et anker trenger du:
- Opprett et "id" -attributt i den påkrevde koden.
- I attributtet "id" spesifiserer du verdien på ankernavnet som ble spesifisert i forrige trinn. (eksempel:)
Etter disse to trinnene vises en lenke på nettstedet som tar deg til det angitte ankeret.
Øve på
La oss vurdere hvordan du lager et anker ved hjelp av et spesifikt eksempel.
Vi har en enkel side som denne:
Vi har tekst øverst og nederst på siden, mange "br" -koder som skaper mellomrom mellom tekstene. Vi må lage et anker slik at vi raskt kan se på teksten nederst.
For å gjøre dette, opprett en ny tag - "a" etter påskriften "tekst øverst". I den oppretter vi attributtet "href". For å gjøre ankeret mer praktisk vil vi skrive "ned" i lenken.
Nå spesifiserer vi verdien "#yakor" i attributtet - dette vil være en lenke til navnet på ankeret.
Den første delen av ankeret - lenken til det - er klar. Nå gjenstår bare å lage selve ankeret. Vi går videre til ønsket del av siden. I dette tilfellet er det "tekst nederst". Siden dette er enkel tekst uten tag, må vi lage den. For å gjøre dette, legg inn teksten i et "avsnitt" - tag "p".
I denne koden lager vi "id" -attributtet og legger inn verdien "yakor" i den. Verdien "yakor" samsvarer med ankernavnet som ble spesifisert i lenken.
Nå fungerer ankeret vårt som det skal.
