Was Sind Anker- Und Nicht-Anker-Links?

Inhaltsverzeichnis:

Was Sind Anker- Und Nicht-Anker-Links?
Was Sind Anker- Und Nicht-Anker-Links?

Video: Was Sind Anker- Und Nicht-Anker-Links?

Video: Was Sind Anker- Und Nicht-Anker-Links?
Video: Anker Links/Sprungmarken in WordPress setzen - Einfache Anleitung (deutsch) 2024, Kann
Anonim

Um die auf den WEB-Seiten veröffentlichten Informationen gut wahrzunehmen, die Aufmerksamkeit des Besuchers auf sich zu ziehen und ihn letztendlich zu bestimmten Aktionen zu ermutigen - Einkäufe, Bestellungen usw. - gibt es viele Techniken. Die meisten von ihnen zielen darauf ab, dem Seitenbesucher schnell zusätzliche Informationen zu liefern, wie sie sagen, mit einem Klick. Diese Informationen können von einer anderen Seite derselben Site, von einer externen Ressource oder direkt auf derselben Seite nach dem Prinzip "Zeigen mit dem Finger" abgerufen werden. Diese Möglichkeit wird durch programmatische Methoden realisiert, unter Verwendung der sogenannten "Anchor"- und "Non-Anchor"-Links.

Was sind Anker- und Nicht-Anker-Links?
Was sind Anker- und Nicht-Anker-Links?

Was ist ein Ankerlink

Anchor-Link wurde entwickelt, um die Suche nach Informationen innerhalb einer WEB-Seite zu erleichtern. Diese Aktion lässt sich an folgendem Beispiel veranschaulichen: Auf Ihrer Seite steht, dass dieses Produkt in dem und jenem Laden erhältlich ist, aber die Outlet-Adresse selbst steht ganz unten auf der Seite. Ein ungeduldig Besucher möchte vielleicht nicht alle Informationen lesen, sondern sofort die Adresse des Ladens erhalten. Um seinen Wunsch zu verwirklichen, muss das Wort „store“unter Verwendung des A-Tags als Ankerlink gebildet werden und ein „Anker“(Anker) sollte neben der Adresse im Seitencode platziert werden.

Es wird wie folgt implementiert:

  • Schreiben Sie in die Attribute des Tags, das die Adresse des Stores enthält, seinen „Namen“: name = „address1“.
  • Das Wort, von dem aus Sie den Besucher an die Adresse schicken möchten, wird zu einem Link mit einer speziellen Adresse: href = "# address1".

Natürlich muss das Wort "Store" per CSS hervorgehoben werden - Farbe, Schriftgröße oder Typ.

Mit Hilfe von Non-Anchor-Links können Sie einen schnellen Sprung an den Seitenanfang realisieren, um den Besucher nicht zur Nutzung der Bildlaufleiste zu zwingen. Ein Link kann nicht nur mit Text, sondern auch mit einem Bild erstellt werden, wenn Sie das img-Tag in das A-Tag einschließen

Ohne Anker oder Hyperlink

Häufig muss ein Site-Besucher für zusätzliche Informationen zu einer anderen Seite der Site oder sogar zu einer Drittanbieter-Ressource weitergeleitet werden. Ihn zu zwingen, eine volle Zeile in die Adressleiste des Browsers einzugeben, die mit http beginnt: // bedeutet, dass der Besucher mit Sicherheit verloren geht. Daher wird im Text der Seite ein Wort ausgewählt, das in seiner Bedeutung geeignet ist, den Übergang zu starten. Zum Beispiel: "Hier finden Sie detaillierte Informationen". Das zum Übergang passende Wort wird mit CSS verlinkt und hervorgehoben.

Ein Nicht-Anker-Link wird mit demselben Tag A implementiert, aber die href-Adresse enthält entweder die vollständige mit https:// beginnende oder die relative (abgekürzte) www.adresse des Dateinamens resource.ru /.

Bei der Anordnung von Hyperlinks innerhalb des Textes lohnt es sich, auf das Zielattribut des Tags zu achten. Wenn Sie es nicht angeben, öffnet der Standardbrowser die nächste Seite im selben Fenster und der Site-Besucher geht für Sie verloren. Geben Sie daher immer den Zweck des Links an - in diesem Fall fügt der Besucher nur einen weiteren geöffneten Tab im Browser hinzu und kann immer "mit einem Klick" zu Ihnen zurückkehren.

Empfohlen: