Hvordan tildele og bruke anker HTML?

Dagens tema vil være forankret HTML. Dette elementet åpner for hurtige overganger i siden, samt i eksterne dokumenter. Anchors er ofte brukt av webutviklere. Som de bidrar til å organisere et praktisk sted for leserne. Artikkelen vil bli gitt en detaljert beskrivelse av dette element, og eksempler på effektiv bruk.

beskrivelse

Anchor HTML - det er litt av en unik nettside kategorien. Han har alltid en individuell navn som ikke bør gjentas på samme side. Hovedformålet med et anker - en rask overgang fra den ene del av et dokument til en annen, til et bestemt sted. Spesielt effektivt dette elementet bringer, når nettsiden er større. På grunn av dette, brukere upraktisk å lese innholdet på nettstedet. Og anker i en HTML-side sørger for rask overgang.

oppdraget

For å opprette et bokmerke til to forskjellige metoder kan brukes her. Den første er å bruke attributtet navn, og i det andre tilfellet, må du bruke ID-attributtet. Deretter ser vi på hver metode for seg. Overgangen skjer i begge tilfelle ved hjelp av «en» signal hvis attributt inneholder navnet eller identifikator. For eksempel: «a href = http: // side / artikkel / 106223 /% E2% 80% 9D # footer% E2% 80% 9D% C2% BB. # -symbolet forteller leseren at koblingen vil bringe forankret.

navn

Attributtnavnet er spesielt utviklet for å skape et anker på en side. Verdien kan være en hvilken som helst tekst. Denne HTML anker kan bare brukes i forbindelse med merkelappen «en».

For eksempel ønsker å lage et bokmerke på slutten av siden din. Du må plassere merkelappen «et name = 'footer'» «/ a» i den ønskede delen av en web-dokument. I et annet område av siden vil du trenger for å lage en link til et anker, for dette formålet, legge til en oppføring «a href = http: // side / artikkel / 106223 /% E2% 80% 9D # bunntekst"»linken«/ a». Når du klikker på dette elementet leseren automatisk tar deg til den delen av dokumentet hvor det er siden Bunn.

ID

Først, la oss si at ID - en identifikator som ikke har noen direkte hensikt for å skape ankere. Men det kan du lage bokmerker i alle deler av dokumentet uten å skape flere linker. Det vil si at du kan bruke ID-attributtet til en HTML-elementet. Deretter bruke «en» refererer til et merke på den. Her er et eksempel: elementet «p» ligger i midten av dokumentet. For å gå til det fra begynnelsen av siden uten å bruke rullefeltene, legge til attributtet ID: «p id = 'centr'» «/ p». Deretter oppretter en kobling: «a href = http: // site / artikkel / 106223 /% E2% 80% 9D # centr% E2% 80% 9D% C2% BB% D0% A2% D0% B5% D0% BA% D1 % 81% D1% 82% C2% AB% 2FA% C2% BB. Dermed har vi lett tilgang til alle deler av dokumentet. Verdien av et ID-attributt kan være en hvilken som helst tekst.

effektiv bruk

Den HTML koblingen anker er svært ofte brukt til bygging av navigasjonsinstrument. For eksempel, siden har en enorm mengde av tekstlig informasjon, som igjen er delt inn i separate avsnitt eller kapitler. For besøkende var det praktisk å bruke nettstedet, kan du bytte til en egen del av dokumentet du vil tilordne et bokmerke. For dette formål er hvert kapittel opprette en kobling anker, eller bruk ID. En topp navigasjonsfeltet vil gjøre med innholdet i alle ledd. Et interessant faktum er at ankeret kan refereres fra andre nettsider. Det er nok til å legge til enden av referanseverdien av navn eller ID-attributter. Ikke glem å legge symbolet #. Ordningen vil da se slik ut: den viktigste koblingen # name (id).

konklusjon

Anchor HTML - det er veldig nyttig og i noen tilfeller også nødvendig element. I denne artikkelen har jeg presentert bare ett eksempel på effektiv bruk. Men faktisk denne typen bokmerker kan brukes i mange situasjoner. Det viktigste - å forstå deres grunnleggende ideen.