Kan jeg Anchor en Div?

Ankere har lenge vært brukt til å lenke til bestemte deler av websider. Et anker består av en hyperkobling skapt av ankerkoder og et element - overskrifter, avsnitt, bilder og divs, for å nevne noen eksempler - som inneholder en ID. Så lenge et div har en ID, er det brukbart som et anker.

HTML Anchors

En HTML anker bruker "<a>" ankerkoder for å koble til en hvilken som helst element av sitt "navn" eller "ID" attributt. Selv om "navn" ble brukt i det siste, er bruken av "ID" regnes som en beste praksis siden "navn" er nå en foreldet - ikke strøm - attributt i HTML 4 og oppover. I stedet for å lage en link som peker til en fil banen, kan du lage en lenke som peker til en hvilken som helst HTML-elementet ID eller navn.

Bruk av Anchors

Anchors brukes vanligvis på Web-sider som inneholder store mengder tekst. På en webside som har mange deler med sub-overskrifter, kan du lage en liste over linker som fungerer som en innholdsfortegnelse. Hver lenke vil peke på en overskrift tag eller div etter sin ID. En annen bruk av ankere er å skape "hoppe" koblinger som tar brukeren tilbake til toppen av en lang webside, noe som reduserer behovet for å rulle. Det er også mulig å koble til en bestemt del av en annen side.

Forankring en Div

Legge til en ID til en div vil tillate deg å lenke til den ved hjelp av "<a>" tags:

<Div id = "my_stuff">

Content...

</ Div>

ID-en er nå tilgjengelig med ankerkoder, stilark og Javascript. Hvis du har en div som allerede inneholder en ID, må du bruke denne IDen.

Koble til en Div Anchor

Metoden for å lage en link til en forankret element innebærer å sette på "href" attributt av et par "<a>" tags til ID-navnet, innledes med en hash symbol:

<a href="#my_stuff"> Gå til My Stuff </a>
<a href="page2.html#mystuff"> Gå til My Stuff på side 2 </a>

Den første linken vil sende brukeren til elementet med en ID "my_stuff," så lenge det er på samme side som blir sett i nettleseren. Den andre linken vil laste inn en annen side i nettleseren og gå til "my_stuff" div.