In der Webentwicklung, insbesondere beim Erstellen von Websites, sind aktive Links ein wesentlicher Bestandteil der Benutzererfahrung. Sie helfen Besuchern, von einer Seite zur anderen zu navigieren, indem sie ihnen die Möglichkeit geben, mehr Informationen zu erfahren oder eine bestimmte Aktion durchzuführen.
Ein wichtiger Aspekt eines aktiven Links ist die Möglichkeit, seinen Namen anklickbar zu machen. In HTML wird dies mit einem Tag (engl. anker). Aber wie genau macht man den Linknamen anklickbar?
In diesem Beispiel wird der Text "Linkname" als Nur-Text auf der Seite angezeigt, aber wenn Sie darauf klicken, wird der Benutzer auf den angegebenen Link klicken.
Es ist auch erwähnenswert, dass der Linktext für eine bequemere Verwendung in einer anderen Farbe hervorgehoben und durch eine Linie unterstrichen werden kann. Dies wird durch die CSS-Eigenschaften color und text-decoration erreicht. Zum Beispiel:
Mit diesen einfachen Techniken können Sie einen aktiven Link mit einem Namen erstellen, auf den Benutzer klicken und zu einer anderen Seite navigieren können. Auf diese Weise machen Sie die Benutzererfahrung benutzerfreundlicher und intuitiver.
HTML: machen Sie den Namen zu einem aktiven Link einfach und einfach
Schritt 1: Öffnen Sie Ihr HTML-Dokument in einem Texteditor oder einem speziellen Programm wie Sublime Text oder Notepad++.
Schritt 2: Suchen Sie nach dem Ort, an dem Sie den Namen als aktiven Link festlegen möchten.
Schritt 3: Verwenden Sie das Tag um einen Link zu erstellen. Dieses Tag hat ein Attribut href, das bestimmt, wohin die Referenz zeigen soll. Fügen Sie es vor den Text ein, den Sie als aktiven Link verwenden möchten.
Schritt 4: Wickeln Sie den Namen, der ein aktiver Link sein sollte, in das öffnende und schließende Tag ein . Wenn Sie beispielsweise den Namen "Vasya" als aktiven Link verwenden möchten, sieht der Code folgendermaßen aus:
Schritt 5: Ersetzen Sie "https://www.example.com " der Link, auf den Benutzer klicken sollen, wenn Sie auf den Link klicken.
Schritt 6: Speichern Sie die Änderungen in Ihrem HTML-Dokument.
Wenn Sie nun Ihr HTML-Dokument in einem Webbrowser anzeigen, sehen Sie, dass der Name "Vasya" zu einem aktiven Link geworden ist. Wenn Sie auf diesen Namen klicken, werden die Benutzer an die von Ihnen angegebene URL weitergeleitet.
Dies ist eine der einfachsten Möglichkeiten, einen Namen zu einem aktiven Link in HTML zu machen. Stellen Sie sicher, dass der Link korrekt funktioniert, damit Ihre Benutzer problemlos darauf zugreifen können.
Was ist ein aktiver Link in HTML?
Wenn Sie in diesem Beispiel auf den Text "Dies ist ein aktiver Link" klicken, wird der Benutzer zu einer Webseite weitergeleitet http://www.example.com .
Aktive Links können nicht nur Webadressen enthalten, sondern auch Links zu Dateien, Bildern und anderen Ressourcen. Es gibt auch verschiedene Attribute, die mit dem Tag verwendet werden können, um ein anderes Linkverhalten festzulegen, z. B. das Öffnen des Links in einem neuen Fenster, das Festlegen des Attributs "download" zum Herunterladen einer Datei usw.
Warum sollte man den Namen als aktiven Link in HTML verwenden?
Das Erstellen eines Namens mit einem aktiven Link in HTML hat mehrere Vorteile:
1. Verbesserte Benutzerfreundlichkeit und Navigation: Wenn der Name ein Link ist, können Besucher schnell und einfach weitere Informationen abrufen, indem sie darauf klicken. Dies vereinfacht den Prozess der Suche nach Informationen, die Sie benötigen, und kann den Besuchern Zeit sparen.
2. Verbesserung der visuellen Darstellung: Links werden häufig unterstrichen und verfärbt, wenn Sie den Mauszeiger über sie bewegen. Diese Änderungen an der visuellen Darstellung helfen dem Benutzer, die aktiven Elemente einer Webseite schnell zu erkennen und die verfügbaren Informationen zu fokussieren.
3. Erhöhte Verfügbarkeit: Indem Sie den Namen als aktiven Link verwenden, machen Sie die Informationen für Personen mit Behinderungen oder die eine Bildschirmlesesoftware verwenden, zugänglicher. Dies ermöglicht es ihnen, die benötigten Informationen leichter zu finden und zu erhalten.
Wenn Sie den Namen schließlich zu einem aktiven Link machen, können Sie die Interaktion Ihrer Besucher mit Ihrer Webseite verbessern, ihnen die Suche nach Informationen erleichtern und einen zugänglicheren und benutzerfreundlicheren Eindruck vermitteln.
Wie mache ich einen Namen als aktive Referenz in HTML?
Sie können ein Tag und sein href-Attribut verwenden, um den Namen als aktiven Link in HTML zu verwenden.
Um einen Namen festzulegen, der auf der Seite angezeigt werden soll, müssen Sie ihn zwischen den öffnenden und den schließenden Tags platzieren . Zum Beispiel:
Im obigen Beispiel wird der Text "Dies ist ein Link" auf der Seite als aktiver Link angezeigt. Wenn Sie auf diesen Link klicken, wird der Besucher an die im href-Attribut angegebene Adresse weitergeleitet.
Sie können auch ein target-Attribut hinzufügen, um den Link in einem neuen Tab zu öffnen. Zum Beispiel:
Wenn Sie in diesem Fall auf einen Link klicken, wird dieser in einem neuen Browser-Tab geöffnet.
Mit den anderen Attributen href und target können Sie verschiedene Aktionen für einen Verweis festlegen, z. B. das Hochladen einer Datei, das Senden eines Formulars und andere. Das Hauptattribut von href ist jedoch obligatorisch und verweist auf die Adresse, an die der Link weitergeleitet wird.
Beispiele für die Verwendung eines aktiven Links in HTML
Beispiel 1: Einfacher aktiver Link
Wenn Sie auf diesen Link klicken, wird der Benutzer auf die Seite weitergeleitet https://example.com .
Beispiel 2: Aktiver Link mit target-Attribut
Das target-Attribut kann hinzugefügt werden, um den Link in einem neuen Fenster oder in einem Rahmen zu öffnen. Zum Beispiel:
Wenn Sie auf diesen Link klicken, wird die Seite angezeigt https://example.com wird in einem neuen Tab oder Browserfenster geöffnet.
Beispiel 3: Aktiver Anker-Link
Ein Anker ist ein Link zu einer bestimmten Stelle auf einer Seite. Um einen Anker zu erstellen, müssen Sie dem Element, auf das der Anker verweist, ein ID-Attribut hinzufügen. Zum Beispiel:
Раздел 1
Перейти к разделу 1Wenn Sie auf den Link "Gehe zu Abschnitt 1" klicken, wird die Seite automatisch zu Abschnitt c gescrollt.
Beispiel 4: Aktiver Link mit Titel
Der Titel kann als aktiver Link verwendet werden, wenn er in ein Tag gewickelt ist . Zum Beispiel:
Примерный сайт
