Links sind eine der Hauptkomponenten von Webseiten. Sie ermöglichen es Benutzern, durch verschiedene Seiten und Ressourcen im Internet zu navigieren. Es gibt ein spezielles Tag in HTML , das zum Erstellen von Links verwendet wird. Aber wie ordne ich den Link richtig auf, damit er klar, intuitiv und sicher ist?
Was ist ein Link
In diesem Beispiel wird dem Benutzer der Text "Startseite" angezeigt, und wenn Sie auf diesen Text klicken, wird die Seite "index" aufgerufen.html".
In diesem Beispiel wird der Text "Link" dem Benutzer angezeigt, und wenn Sie auf diesen Text klicken, wird der Link in einem neuen Tab oder Browserfenster geöffnet.
Links können auch Listen enthalten, sodass Sie Navigationsleisten erstellen können. Zum Beispiel:
In diesem Beispiel wird eine Liste mit drei Elementen erstellt, und wenn Sie auf jedes Element klicken, wird die entsprechende Seite aufgerufen.
Links sind ein wesentlicher Bestandteil des HTML-Markups und bieten viele Möglichkeiten, um den Benutzer im Allgemeinen auf der Website oder im Internet zu navigieren.
Warum brauchen Sie Links
Links werden verwendet, um:
- Navigieren zu anderen Webseiten: Mithilfe von Links können Benutzer zu anderen Seiten der Website oder zu Webseiten anderer Webressourcen navigieren. Auf diese Weise können Sie die Struktur Ihrer Website organisieren und eine einfache Navigation ermöglichen.
- Öffnen von Dokumenten und Dateien: Links können verwendet werden, um verschiedene Dateitypen wie Bilder, Videos, Audio, Dokumente und andere zu öffnen. Auf diese Weise können Sie eine Vielzahl von Informationen und Inhalten auf Webseiten bereitstellen.
- Ankerverknüpfungen: Anker-Links ermöglichen es dem Benutzer, zu einem bestimmten Teil der aktuellen Webseite zu navigieren. Dies ist besonders nützlich auf langen Seiten, um Benutzern zu helfen, die benötigten Informationen sofort nach dem Übergang zu finden.
- Senden von Daten an den Server: Links können verwendet werden, um Daten an einen Server zu senden, z. B. wenn Sie ein Formular auf einer Webseite ausfüllen und senden. Dies ermöglicht die Interaktion mit Webanwendungen und die Übertragung von Daten zwischen Client und Server.
Es ist wichtig zu verstehen, dass korrekt gestaltete Links mit klarem und beschreibendem Text die Benutzererfahrung erheblich verbessern und ihnen helfen können, die benötigten Informationen zu erhalten.
Arten von Links in HTML
HTML stellt verschiedene Arten von Links bereit, mit denen Sie interaktive Elemente auf Webseiten erstellen können. Im Folgenden sind die wichtigsten Verweistypen in HTML aufgeführt:
- Interne Links: Diese Links werden verwendet, um zu Abschnitten auf derselben Webseite zu navigieren. Sie werden mit Hilfe von Ankern festgelegt und haben das Aussehen . Wenn der Benutzer auf einen internen Link klickt, wird die Seite zum Anker gescrollt.
- Externe Referenzen: Diese Links werden verwendet, um zu anderen Webseiten zu gelangen. Sie werden mit der vollständigen URL der Seite angegeben und haben das Aussehen . Wenn ein Benutzer auf einen externen Link klickt, wird die angegebene Seite aufgerufen.
- Relative Referenzen: Diese Links werden verwendet, um zu anderen Seiten innerhalb derselben Website zu gelangen. Sie werden ohne Angabe der vollständigen URL der Seite angegeben und haben einen relativen Pfad zu einer Datei oder einem Verzeichnis.
- E-Mail-Links: Diese Links werden verwendet, um einen E-Mail-Link zu erstellen. Sie werden mit dem Präfix mailto: und einer E-Mail-Adresse angegeben, die das Aussehen hat. Wenn Sie auf den E-Mail-Link klicken, wird der E-Mail-Client auf dem Computer des Benutzers geöffnet, um die E-Mail zu senden.
- Telefonische Links: Diese Links werden verwendet, um einen Link zu einer Telefonnummer zu erstellen. Sie werden mit dem Präfix tel: und einer Telefonnummer angegeben, die das Aussehen hat. Wenn Sie auf einen Telefonlink klicken, wird die Anwendung geöffnet, um eine Nachricht mit der angegebenen Nummer anzurufen oder zu senden.
Die Auswahl des Linktyps hängt von den Zielen und Anforderungen der Webseite ab. Sie können verschiedene Arten von Links verwenden, um eine Vielzahl interaktiver Elemente zu erstellen und die Benutzerfreundlichkeit der Website zu verbessern.
Erstellen eines Textlinks
Verwenden Sie die folgende Syntax, um eine Textverknüpfung zu erstellen:
- ein href - Attribut, das auf die Adresse der Seite oder Datei verweist, zu der der Link führen soll;
- URL der Seite oder Datei;
- linktext - Der Text, der auf der Seite als Link angezeigt wird.
Beispiel für eine Textverknüpfung:
In diesem Beispiel wird der Benutzer, wenn er auf den Text "Hier klicken" klickt, an die Adresse weitergeleitet"https://www.example.com ".
Wenn Sie möchten, dass der Link in einem neuen Tab oder Browserfenster geöffnet wird, können Sie das Attribut target="_blank" hinzufügen :
Der Link wird nun in einem neuen Tab oder Browserfenster geöffnet.
Erstellen eines Links zu einer anderen Website
Wenn Sie einen Link zu einer anderen Website erstellen, ist es wichtig, dass Sie die richtige Adresse (URL) der Seite und den angezeigten Text angeben, der auf der Webseite sichtbar ist. Dazu wird ein Tag in HTML verwendet.
