In diesem Artikel finden Sie die Anleitung zum internen Link:
Was ist ein interner HTML-Link?
Interne HTML-Links sind Hyperlinks, die erstellt werden, um Benutzern die Navigation durch verschiedene Abschnitte der Webseite zu ermöglichen. Wenn der Benutzer mit einem internen Link interagiert, verschiebt der Browser den Bildschirm zum angegebenen Abschnitt der Webseite. Es hilft bei der Benutzerführung, insbesondere wenn es sich um eine Website oder ein Blog handelt, die nur eine Seite lang ist.
Lassen Sie uns ein einfaches Beispiel zum Verständnis interner Links durchgehen:
Beispiel: Verwendung interner Links als Navigator
Um die Funktionsweise interner Links zu verstehen, können die Navigationsschaltflächen genutzt werden. In dieser Demonstration wurden beispielsweise zwei Navigationsschaltflächen und Dummy-Inhalte erstellt:
< div >
< h2 Ausweis = 'Teil eins' > Teil eins < / h2 >
< P > Willkommen zum Inhalt des ersten Teils. < / P >
< h2 Ausweis = 'Zweiter Teil' > Zweiter Teil < / h2 >
< P > Großartig! Sie haben den zweiten Teil des Inhalts erreicht < / P >
< / div >
Im obigen Codeausschnitt:
- Die ersten beiden ' „Tags werden verwendet, um zwei Überschriften/Abschnitte der Webseite zu erstellen. Diese ' h2 „Elemente haben den Wert von“ Teil eins ' Und ' Zweiter Teil “, die dem „ zugeordnet sind Ausweis ” Attribute bzw.
- Als nächstes wird das „ Es werden Tags verwendet, die den Inhalt für jedes „ ' Schild.
Für die internen Links werden nun Navigationsschaltflächen verwendet. Diese Schaltflächen werden mithilfe der folgenden Codezeile erstellt:
< ul >< Das > < A href = '#Teil eins' >Teil Eins< / A > < / Das >
< Das > < A href = '#Zweiter Teil' >Teil Zwei< / A > < / Das >
< / ul >
Im obigen Codeausschnitt:
- Zuerst die '
”-Tag zum Festlegen der Listenelemente. - Als nächstes der Anker „ Das „Tag“ wird verwendet und stellt jedem „Dummy-Daten“ zur Verfügung.
' Schild. - Stellen Sie anschließend den Wert von „ ein. href „Attribut von beiden“ „Tags zu „ Teil eins ' Und ' Zweiter Teil ” ids. Diese Aufgabe von „ Ausweis „Werte“ erstellt einen internen Link.
Nach der Ausführung der oben genannten Codeblöcke funktioniert die Webseite folgendermaßen:
Das obige GIF veranschaulicht die Funktionsweise interner Links auf der Webseite.
Abschluss
Interne HTML-Links sind Hyperlinks, die erstellt werden, um Benutzern die Navigation durch verschiedene Abschnitte der Webseite zu ermöglichen. Um einen internen Link zu erstellen, übergeben Sie die ID des übergeordneten HTML-Elements. Und geben Sie diese ID als Wert für „ href „vom HTML-Anker bereitgestelltes Attribut“ ' Element. Das ' Das Element kann in der Navigationsleiste oder an einer beliebigen Stelle auf der Webseite verwendet werden, die als Navigator fungiert. In diesem Artikel wurde ein praktisches Beispiel für den internen HTML-Link gezeigt.