Den här artikeln anger guiden om den interna länken:
Vad är HTML Internal Link?
Interna HTML-länkar är hyperlänkar som skapas för att användarna ska kunna navigera genom olika delar av webbsidan. När användaren interagerar med en intern länk, flyttar webbläsaren skärmen till den angivna delen av webbsidan. Det hjälper till att navigera användare, särskilt om det finns en enda sida lång webbplats eller blogg.
Låt oss gå igenom ett enkelt exempel för att förstå interna länkar:
Exempel: Användning av interna länkar som navigator
För att förstå hur interna länkar fungerar kan navigeringsknapparna användas. Till exempel har två navigeringsknappar och dummy-innehåll skapats i den här demonstrationen:
< div >
< h2 id = 'del ett' > Del ett < / h2 >
< sid > Välkommen till den första delens innehåll. < / sid >
< h2 id = 'del två' > Del två < / h2 >
< sid > Bra! Du har nått den andra delen av innehållet < / sid >
< / div >
I kodavsnittet ovan:
- Första två ' ”-taggar används för att skapa två rubriker/sektioner av webbsidan. Dessa ' h2 ' element har värdet av ' del ett ' och ' del två ' som är tilldelade ' id ”-attribut, respektive.
- Därefter ' ”-taggar används som innehåller innehållet för varje ” '-tagg.
Nu används navigeringsknappar med avseende på de interna länkarna. Dessa knappar skapas med hjälp av följande kodrad:
< ul >< den där > < a href = '#del ett' >Del ett< / a > < / den där >
< den där > < a href = '#del två' >Del två< / a > < / den där >
< / ul >
I kodavsnittet ovan:
- Först, '
”-tagg för att ställa in listobjekt. - Därefter ankaret ' '-taggen används och ger dummy-data till varje '
'-tagg. - Efter det ställer du in värdet för ' href ' attribut för båda ' ' taggar till ' del ett ' och ' del två ” ids. Detta uppdrag av ' id ” värden skapar en intern länk.
Efter exekveringen ovanstående kodblock fungerar webbsidan så här:
Ovanstående gif illustrerar hur interna länkar fungerar på webbsidan.
Slutsats
Interna HTML-länkar är hyperlänkar som skapas för att användarna ska kunna navigera genom olika delar av webbsidan. För att skapa en intern länk, skicka id:t för det överordnade HTML-elementet. Och ange detta ID som ett värde för ' href ' attribut som tillhandahålls av HTML-ankaret ' ' element. denna ' ”-elementet kan användas i navigeringsfältet eller var som helst på webbsidan som fungerar som en navigator. Den här artikeln har visat ett praktiskt exempel på den interna HTML-länken.