När du arbetar med ett HTML-dokument och vill att användare ska kunna klicka på ett ämne och omedelbart transporteras till en bokmärkt plats i dokumentet, kommer ID-attributtagarna att vara användbara. Det här händer ofta när du listar en serie ämnen längst upp i artikeln och länkar sedan varje ämne till en relaterad sektion längre ner på webbsidan.
HTML-dokument innehåller ofta externa länkar till andra dokument, men de kan också innehålla länkar i ett enda dokument. Genom att klicka på en tagg transporteras läsaren till en viss bokmärkt sida på webbsidan. Så småningom kan det vara möjligt att länka till exakta pixelplatser i dokument, men för nu kan du använda ID-taggen för att skapa en länk och en plats i dokumentet. Använd sedan href för att åka dit. En tagg identifierar destinationen och den andra taggen identifierar länken till destinationen.
Obs! HTML 4 och tidigare versioner använde namnet Attribut för att skapa interna länkar. HTML 5 stöder inte namnattributet, så ID-attributet används istället.
I dokumentet bestämmer du vart du vill att de interna länkarna ska gå. Du märker dessa med ankerkoden med id-attributen.
Därefter skapar du länken till avsnittet av dokumentet med ankerkoden och href-attributet. Du anger det angivna området med en #.
Tricket är att se till att du lägger <a> runt texten eller en bild.
Många gånger ser du att folk använder dessa länkar utan att omge någonting, men det är inte lika pålitligt ett ankare som en som omger ett ord eller en bild. Många webbläsare föredrar att ha något element att placera längst upp på skärmen. När du inte bifogar något riskerar du att webbläsaren blir förvirrad.
En länk till tillbaka till toppen av en webbsida
När du vill lägga till en länk långt ner på en webbsida för att återvända tittaren till toppen av sidan, är den interna länken enkel att ställa in. I HTML definierar taggen en länk. href = följs av URL-adressen till mållänken i citat (eller en förkortad URL om länken är i samma dokument) och sedan länktexten som är synlig på webbsidan. Genom att klicka på länktexten skickas du till den angivna adressen med hjälp av denna syntax:
länk text
