HTML-Code für einen Hyperlink zu Anker-Tag auf der gleichen Seite

Im HTML-Markup-Code können Sie Links zwischen Webseiten enthalten. Dies ist eines der Grundprinzipien des Web-Seiten und Sites miteinander verbinden. Allerdings machen Sie auch HTML-Link-Verbindungen innerhalb einer einzigen Seite an einem Standort. Eine leichte Variation auf die normale HTML-Anker-Syntax verwenden, können Sie Links zu einigen Punkten innerhalb einer Seite hinzufügen, Benutzernavigation innerhalb der Seite als Ganzes zu erleichtern.

Zweck

Die Bereitstellung von Verbindungen zwischen verschiedenen Punkten auf der gleichen Seite soll die Erfahrung des Lesens der Seite einfacher und angenehmer machen. Die Technik eignet sich besonders für Seiten mit zahlreichen Textinhalt. Eine häufige Verwendung beinhaltet bietet ein Menü am oberen Rand einer Seite mit Links zu verschiedenen Punkten weiter unten auf der Seite, so dass Benutzer können auf diese Links klicken, anstatt unten auf der Seite scrollen, bis sie den Abschnitt zu finden, die, dem Sie interessieren. Viele Websites mit vielen Informationen über sie verwenden Links innerhalb der Seiten sowie zwischen ihnen.

Link-Syntax

Die Link-Syntax für die Verbindung zu einem anderen Punkt innerhalb einer Seite ist nur geringfügig anders als eine normale Verknüpfung, die auf einer anderen Seite oder sogar einer anderen Website verbinden kann. Das folgende HTML-Markup veranschaulicht ein Anchor-Element mit einem Link zu einem Punkt an anderer Stelle innerhalb der Seite scheint es in:

< a Href = "#contact" Title = "gehe um zu Kontakt Info" > Kontakt Info </a >

Dieser Link verbindet zu einem anderen Punkt innerhalb der HTML-Seite angezeigt wird, indem ein Website-Besucher. Der Punkt verbunden wird mit dem Wert im Attribut "Href" als Teil des eigenen Markupcode angegeben. Benutzer können den "Kontaktinformationen" Teil der Seite durch Klick auf diesen Link besuchen, an welcher Stelle ihr Browser springt automatisch an welcher Position der angeforderte Seitenabschnitt sichtbar macht.

Benannte Anker-Syntax

Um eine Seite zu verbinden mit dem Teil der Seite angegeben, das Attribut "Name" ein zweites Ankerelement hinzugefügt werden kann. Der folgende Code veranschaulicht den Abschnitt der Seite mit den "Kontaktinformationen" drin:

< a Name = "Kontakt" > Kontakt-Info-Page-Element: </a >

Wenn Benutzer auf den Link "Kontakt" klicken, verschiebt sich ihre Browserprogramme auf diesem Abschnitt der Seite, mit dem benannten Anker oben dargestellt. Dadurch können Entwickler die Informationen für den Abschnitt unter den benannten Anker einfügen, so dass es angezeigt werden, wenn Benutzer den internen Link-Text klicken.

Externe Links

Obwohl der interne Anker Links innerhalb von Webseiten bietet, können Entwickler auch benannte Verweise von anderen Seiten verwenden, wenn dies innerhalb der Logik einer Website sinnvoll ist. Wenn eine zweite Seite einen Link zu den Kontaktinformationen auf der ersten Seite enthalten, würde beispielsweise der folgende Code direkt zu diesem Abschnitt in der Seite, anstatt einfach die Seite an der Spitze wie gewohnt öffnen verknüpfen:

< a href="info.html#contact" Titel = "anzeigen die Kontaktinformationen auf unserer Seite" > anzeigen die Kontaktinformationen </a >

Diese Technik kann Benutzerzeit sparen und die Erfahrung der Suche nach Informationen auf einer Website einfacher zu machen.