Wanneer u aan een HTML-document werkt en u wilt dat gebruikers op een onderwerp kunnen klikken en direct naar een locatie met een bladwijzer in het document kunnen worden getransporteerd, zijn ID-kenmerktags handig. Dit gebeurt vaak wanneer u een reeks onderwerpen boven aan het artikel vermeldt en vervolgens elk onderwerp aan een gerelateerde sectie verderop op de webpagina koppelt.
HTML-documenten bevatten vaak externe links naar andere documenten, maar ze kunnen ook links in één document bevatten. Als u op één tag klikt, wordt de lezer naar een specifiek gedeelte met bladwijzer op de webpagina getransporteerd. Uiteindelijk kan het mogelijk zijn om te linken naar exacte pixellocaties in documenten, maar voor nu kunt u de ID-tag gebruiken om een koppeling en een locatie in het document aan te maken. Gebruik vervolgens href om daarheen te gaan. Eén tag identificeert de bestemming en de tweede tag identificeert de link naar de bestemming.
Opmerking: HTML 4 en eerdere versies gebruikten het kenmerk Naam om interne links te vormen. HTML 5 biedt geen ondersteuning voor het kenmerk name, dus het ID-kenmerk wordt in plaats daarvan gebruikt.
Bepaal in het document waar u de interne links naartoe wilt. U labelt deze met behulp van de ankertag met de id-kenmerken.
Vervolgens maakt u de koppeling naar het gedeelte van het document met behulp van de ankertag en het href-kenmerk. U geeft het benoemde gebied aan met een #.
De truc is om ervoor te zorgen dat u de tekst <a> rondom of een afbeelding plaatst.
Vaak zie je mensen deze links gebruiken zonder iets te omringen, maar dit is niet zo betrouwbaar als een anker dat een woord of afbeelding omringt. Veel browsers geven er de voorkeur aan om een element bovenaan het scherm te plaatsen; wanneer u niets bijvoegt, loopt u het risico dat de browser in de war raakt.
Een link om terug te keren naar de top van een webpagina
Wanneer u een link ver in een webpagina wilt toevoegen om de viewer naar de bovenkant van de pagina te leiden, is de interne link eenvoudig in te stellen. In HTML definieert de tag een koppeling. href = wordt gevolgd door de URL van de doelkoppeling in citaten (of een verkorte URL als de link binnen hetzelfde document is) en vervolgens de linktekst die zichtbaar is op de webpagina. Als u op de koppelingstekst klikt, wordt u met deze syntaxis naar het opgegeven adres gestuurd:
verbind tekst
