HTML-Grundlagen - Links und Anker

• April 25, 2024

Sie können Links verwenden, um Ihre Seite mit anderen Seiten zu verbinden oder sogar zu verschiedenen Teilen derselben Seite zu springen. Links verleihen Ihrer Website eine dynamische Qualität, die sie beispielsweise von einem Buch oder einer Zeitschrift unterscheidet.

Im einfachsten Fall sieht ein Link-Tag folgendermaßen aus:



Jedes Tag, das mit 'a' beginnt, zeigt einen Link an, es gibt jedoch zwei grundlegende Arten von Links: Hyperlinks und benannte Anker. Ein Hyperlink ist ein Link, der eine Webseite mit einer anderen Webseite verbindet und ungefähr so ​​aussieht:

Linktext hier

Die Informationen im Tag teilen Ihrem Browser mit, dass dies ein Hyperlink (href) ist, der eine Verbindung zur Webseite 'page.html' herstellt. Der Text in den Tags (Linktext hier) ist der Teil des Links, den ein Besucher tatsächlich sieht, und kann auf klicken, um zu page.html zu springen. Wenn Sie von einer Seite auf derselben Site aus auf eine Seite Ihrer Site verlinken, können Sie die Domain-Informationen weglassen. Wenn Sie beispielsweise einen Link auf Ihrer Seite unter www.domain.com/home.html und den mit der Zielseite www.domain.com/page.html verbundenen Link erstellt haben, können Sie den Link als schreiben und den Link überspringen Domain Name Informationen. Wenn Sie den Domainnamen weglassen, geht der Browser davon aus, dass sich die Zielseite auf derselben Website befindet wie die Verknüpfungsseite.

Der benannte Anker (oft einfach "Anker" genannt) dient einem anderen Zweck. Wie Sie vielleicht anhand des Namens erraten haben, erstellt ein Anker auf der Seite eine unsichtbare Flagge, die Ihrem Browser mitteilt, wo er landen soll, wenn Sie einen Link einrichten, der Besucher an einem bestimmten Punkt auf einer Seite löscht. Ein Anker sieht so aus:



Normalerweise enthält ein Anker keinen Text zwischen dem öffnenden und dem schließenden Tag, da er lediglich dazu dient, einen Punkt auf der Seite zu markieren. Um einen Link zu erstellen, über den Besucher von einer anderen Seite zu dieser Stelle auf der Seite springen können, können Sie einen Hyperlink wie den folgenden erstellen:

Besuchen Sie den Post-Bereich

Das '#' innerhalb des Links teilt dem Browser mit, dass Sie einen Link zu einem benannten Anker erstellen. Wenn Sie einen Hyperlink erstellen möchten, der einen Besucher zu einem anderen Abschnitt derselben Seite führt, sieht er ungefähr so ​​aus:

Besuchen Sie den Post-Bereich

Ein weiterer wichtiger Teil Ihrer Hyperlinks ist das Attribut "Ziel". Dies teilt dem Browser mit, wie die Zielseite angezeigt werden soll. Sie haben drei Hauptoptionen: 'target = "_ blank",' 'target = "_ self",' und 'target = "_ top".'

Das Argument '_blank' öffnet die verknüpfte Seite in einem neuen Fenster. Dies ist besonders nützlich, wenn Sie auf eine externe Website verlinken, da der Besucher die neue Website nach Herzenslust durchsuchen kann, ohne seinen Standort auf Ihrer Website zu verlieren. Es ist auch am besten, Dokumente wie PDFs in einem neuen Fenster zu öffnen, da Besucher das Dokument häufig automatisch schließen, wenn sie damit fertig sind.

Das Argument '_self' bewirkt, dass die verknüpfte Seite die aktuelle Seite im vorhandenen Browserfenster ersetzt. Dies ist am besten für Links auf Ihrer Website geeignet. Andernfalls haben Besucher, die viel auf Ihrer Website stöbern, viele geöffnete Fenster, was äußerst ärgerlich sein kann! Dies ist das Standardargument für das Attribut "Ziel". Wenn Sie also kein Ziel angeben, verwenden Ihre Links immer das vorhandene Browserfenster.

Das Argument '_top' wird im Allgemeinen auf Frameset-Websites verwendet und weist den Browser an, das gesamte Frameset zu überschreiben, anstatt einfach die neue Seite in den Teil des Framesets zu laden, der den ursprünglichen Link enthält.

Video-Anleitungen: 03-Grundlagen-HTML-Anker-Links-Sprungmarken.mp4 (April 2024).