Tutorial zur Verwendung von Hyperlink-Tags in XHTML

Hyperlink, auch „Link“ genannt. Man kann sagen, dass Hyperlinks überall auf den Webseiten zu finden sind, die wir durchsuchen. Wenn wir auf eine Linkadresse auf einer Webseite klicken, werden wir zu einer anderen Webseite weitergeleitet. Dies ist der Hyperlink in Aktion.
Verwenden Sie das Tag <a></a>, um einen Hyperlink zu definieren. Die Syntax lautet:
<a href="url">Angezeigter Text oder Bild</a>
Beispiel:

Anzeigeeffekt im Browser:
Link zu Baidu: Wenn wir oben auf die Wörter „Link zu Baidu“ klicken, wird der Browser auf die Baidu-Startseite weitergeleitet.

Hyperlink-Eigenschaften
Hyperlink-Eigenschaften:
href-Linkadresse. Es kann sich um eine absolute oder eine relative Webadresse handeln.
Ziel Das Linkziel. Der Wert _blank öffnet die Linkadresse in einem neuen Fenster. Standardmäßig wird die Linkadresse im aktuellen Fenster geöffnet.
Name des Ankerlinks, auf den wir weiter unten noch gesondert eingehen.

Relative Weblinkadresse:

In diesem Beispiel wird eine relative Adresse verwendet, während im oben mit Baidu verknüpften Beispiel eine absolute Adresse verwendet wird.

Beispiel mit hinzugefügtem Zielattribut:

Wenn Sie den Link erneut anklicken, aktiviert der Browser eine neue Seite zum Öffnen der Linkadresse, während das ursprüngliche Seitenfenster beibehalten wird.
Tipp: Wenn eine Linkadresse nicht eng mit dem aktuellen Thema oder Prozess zusammenhängt, ist das Attribut target="_blank" normalerweise aktiviert. Andernfalls sollten Sie versuchen, kein neues Fenster zu aktivieren, um den Betrachtern ein benutzerfreundliches Surferlebnis zu bieten.
Wenn die Seite aus mehreren Seitenrahmen besteht, kann das Zielattribut auch andere Werte haben

E-Mail-Hyperlink
Beispiel für einen E-Mail-Link:

Wenn Sie auf diesen Link klicken, kann Ihr Standard-E-Mail-Client eine E-Mail verfassen.

Ankerlinks
Ankerlinks beziehen sich auf Links innerhalb einer Seite, aber viele Leute nennen Text-Hyperlinks mittlerweile auch Ankerlinks.
Lassen Sie uns die Rolle von Ankern anhand eines Beispiels erklären:
Wenn wir beispielsweise einen gut geschriebenen Artikel haben, werden viele Leute ihn kommentieren und das Fenster zum Kommentieren befindet sich normalerweise am Ende der Kommentare. Die Website setzt dort einen Ankerlink, wo die Kommentare gepostet werden, und gestaltet einen Link zum Ankerlink, wo die Kommentare angezeigt werden, etwa: „Posten Sie einen Kommentar.“ Wenn jemand die Kommentare anderer nicht sehen möchte und direkt zum Kommentar-Eingabefenster springen möchte, kann er durch Klicken auf „Kommentar posten“ schnell zum Kommentar-Eingabefenster innerhalb dieser Branche springen. Dieses Design verbessert zweifellos das Benutzererlebnis der Zuschauer.
Beispiel für die Verwendung eines Ankerlinks zum Erstellen eines Ankers:

Erstellen Sie einen Hyperlink zu einem Anker:

Wie aus dem Beispiel ersichtlich, genügt es, zum Aufrufen eines Ankers nach der Linkadresse das Zeichen „#“ und den Namen des Ankers hinzuzufügen. Da im obigen Beispiel auf den Anker dieser Seite verwiesen wird, wird die vorherige Linkadresse ignoriert (Hinweis: Tatsächlich wird die relative Adresse ignoriert, worauf hier nicht eingegangen wird).
Tipp: Wenn Sie mit der Verwendung dieses Anker-Tags experimentieren möchten, achten Sie darauf, dass auf der Webseite zwischen dem Hyperlink zum Anker und dem Anker-Tag genügend Platz bleibt, um den Effekt zu sehen. Wir können die Zeilenumbruch-Tags verwenden, die wir oben gelernt haben, um oben und unten genügend Leerraum zu schaffen und dies zu testen.
Sie können auch ein Ankertag erstellen, das auf andere Seiten verweist, zum Beispiel:

Natürlich muss das Test-Ankertag auf der Seite www.abc.com vorhanden sein, sonst wird nur auf die Seite www.abc.com verlinkt und das Ankertag ignoriert.