In dit artikel staat de handleiding over de interne link:
Wat is HTML interne link?
Interne HTML-links zijn de hyperlinks die worden gemaakt om gebruikers door verschillende delen van de webpagina te laten navigeren. De gebruiker verplaatst bij interactie met een interne link het scherm naar het opgegeven gedeelte van de webpagina. Het helpt bij het navigeren door gebruikers, vooral als er een website of blog van één pagina is.
Laten we een eenvoudig voorbeeld doornemen om interne links te begrijpen:
Voorbeeld: gebruik van interne links als navigator
Om de werking van interne links te begrijpen, kunnen de navigatieknoppen worden gebruikt. In deze demonstratie zijn bijvoorbeeld twee navigatieknoppen en dummy-inhoud gemaakt:
< div >
< h2 ID kaart = 'deel een' > Deel een < / h2 >
< P > Welkom bij de inhoud van het eerste deel. < / P >
< h2 ID kaart = 'deel twee' > Deel twee < / h2 >
< P > Geweldig! U bent aangekomen bij het tweede deel van de inhoud < / P >
< / div >
In het bovenstaande codefragment:
- Eerste twee ' ”-tags worden gebruikt om twee koppen/secties van de webpagina te maken. Deze ' h2 ” elementen hebben de waarde van “ deel een ' En ' deel twee ” die zijn toegewezen aan de “ ID kaart ” attributen, respectievelijk.
- Vervolgens de “ Er worden tags gebruikt die de inhoud bevatten voor elke ' ' label.
Nu worden navigatieknoppen gebruikt met betrekking tot de interne links. Deze knoppen worden gemaakt met behulp van de volgende regel code:
< ul >< Dat > < A href = '#deel een' >Deel een< / A > < / Dat >
< Dat > < A href = '#deel twee' >Deel twee< / A > < / Dat >
< / ul >
In het bovenstaande codefragment:
- Eerst de '
”-tag voor het instellen van de lijstitems. - Vervolgens het anker “
”-tag wordt gebruikt en levert dummy-gegevens aan elke “ ' label. - Stel daarna de waarde van de ' href ” attribuut van beide “
'tags naar' deel een ' En ' deel twee 'id's. Deze opdracht van “ ID kaart ” waarden creëert een interne link.
Na de uitvoering van bovenstaande codeblokken werkt de webpagina als volgt:
Bovenstaande gif illustreert de werking van interne links op de webpagina.
Conclusie
Interne HTML-links zijn de hyperlinks die worden gemaakt om gebruikers door verschillende delen van de webpagina te laten navigeren. Om een interne link te maken, geeft u de id van het bovenliggende HTML-element door. En geef deze id op als een waarde voor de ' href ' attribuut geleverd door het HTML-anker '