Når du jobber med et HTML-dokument, og du vil at brukerne skal kunne klikke på et emne og umiddelbart sendes til en bokmerket plassering i dokumentet, kommer ID-attributtkoder til nytte. Dette skjer ofte når du lister en serie emner øverst i artikkelen, og kobler deretter hvert emne til en relatert seksjon lenger ned på nettsiden.
HTML-dokumenter inneholder ofte eksterne koblinger til andre dokumenter, men de kan også inkludere koblinger i et enkelt dokument. Ved å klikke på en tagg, transporteres leseren til en bestemt bokmerket side på nettsiden. Til slutt kan det være mulig å koble til eksakte pikselplasseringer i dokumenter, men for nå kan du bruke ID-taggen til å opprette en kobling og et sted i dokumentet. Bruk deretter href til å gå dit. Én tag identifiserer destinasjonen, og den andre taggen identifiserer lenken til destinasjonen.
Merk: HTML 4 og tidligere versjoner brukte navnet Egenskap til å danne interne koblinger. HTML 5 støtter ikke navnetattributtet, så ID-attributtet brukes i stedet.
I dokumentet bestemmer du hvor du vil at de interne linkene skal gå. Du merker disse med ankermerket med id-attributter.
Deretter lager du lenken til delen av dokumentet ved hjelp av ankermerket og href-attributtet. Du angir det navngitte området med en #.
Trikset er å sørge for at du legger <a> rundt teksten eller et bilde.
Mange ganger ser du at folk bruker disse koblingene uten å omgjøre noe, men dette er ikke så pålitelig et anker som en som omgir et ord eller et bilde. Mange nettlesere foretrekker å ha noe element å plassere øverst på skjermen; Når du ikke legger inn noe, risikerer du at nettleseren blir forvirret.
Et link til å returnere til toppen av en webside
Når du vil legge til en link langt ned på en nettside for å returnere seeren til toppen av siden, er den interne linken enkel å sette opp. I HTML definerer taggen en kobling. href = er etterfulgt av nettadressen til mållinken i sitater (eller en forkortet URL hvis lenken er i samme dokument), og deretter koblingsteksten som er synlig på nettsiden. Ved å klikke på lenketeksten sender du til den angitte adressen ved hjelp av dette syntaksen:
lenke tekst
