Der Nullblock-Link ist eine neue Funktion von Webentwicklern, mit der Sie Links erstellen können, die keine URLs in einer URL haben. Diese Technologie ist besonders nützlich, wenn Sie mit einseitigen Websites arbeiten und AJAX-Anfragen verwenden. In diesem Artikel werden wir uns ansehen, wie man einen Nullblock-Link setzt und ihn funktionsfähig macht.
Um zu beginnen, müssen Sie ein Element hinzufügen span oder div zu Ihrer Webseite. Weisen Sie ihm dann mithilfe des Attributs eine eindeutige ID zu id. Zum Beispiel, id="my-link".
Danach müssen Sie eine CSS-Klasse für Ihren Nullblock-Link mit dem Selektor erstellen #my-link:after. Innerhalb dieser Klasse können Sie den Stil und den Inhalt Ihres Links festlegen. Zum Beispiel können Sie Text mit einer Eigenschaft hinzufügen content: "Mein Link" und wenden Sie Stile als Referenz an.
Nun, um Ihren Nullblock-Link funktionsfähig zu machen, müssen Sie JavaScript-Code hinzufügen. Sie können JavaScript-Code verwenden, um zu einer anderen Seite zu navigieren oder bestimmte Aktionen auszuführen. Sie können beispielsweise den folgenden Code hinzufügen: document.getElementById("my-link").onclick = function() < window.location.href="https://www.example.com"; >.
Wie setze ich einen Link für einen Nullblock
Um einen Link für einen Nullblock festzulegen, müssen Sie das Hyperlink-Tag in HTML verwenden.
Hier ist ein Beispielcode:
Sie können Klassen, Stile oder andere Attribute für einen Nullblock festlegen, damit er so aussieht und sich so verhält, wie Sie es möchten.
Wenn der Benutzer nun auf den Nullblock klickt, werden sie an die angegebene URL weitergeleitet oder führen eine andere Aktion aus, die Sie definiert haben.
Schritt 1: Bestimmen Sie den gewünschten Speicherort für die Referenz
Bevor Sie eine Referenz in einem Nullblock platzieren, ist es wichtig zu bestimmen, an welcher Stelle Sie sie platzieren möchten. Dies kann ein beliebiges Element auf der Seite sein, z. B. eine Überschrift, ein Textabsatz oder ein Bild. Wählen Sie den Ort aus, der am besten zu den Zielen und Kontexten Ihrer Website passt.
Beachten Sie auch, dass sich der Nullblock normalerweise am Anfang der Seite vor dem Hauptinhalt befindet. Wenn Sie also einen Link im Nullblock platzieren möchten, stellen Sie sicher, dass er sofort nach dem Öffnen der Seite für Benutzer sichtbar ist.
Sobald Sie den Speicherort für den Link definiert haben, können Sie mit dem nächsten Schritt fortfahren und den Link selbst im HTML-Code erstellen.
Schritt 2: Erstellen Sie HTML-Tags für den Link
Nachdem Sie sich für den Text entschieden haben, der Ihr Link sein soll, müssen Sie die entsprechenden HTML-Tags erstellen. Verwenden Sie dazu das Tag und seine Attribute.
In diesem Beispiel "https://example.com " ist die Adresse, auf die der Link verweist. Ein "Linktext" ist ein Text, der für den Benutzer sichtbar ist und dem der Benutzer mitteilen kann, wohin er gehen soll.
Wenn Sie einem Link einen Tooltip hinzufügen möchten, können Sie das title-Attribut verwenden:
In diesem Beispiel ist eine Quickinfo der Text, der angezeigt wird, wenn Sie den Mauszeiger über einen Link bewegen.
Neben den Attributen href und title können Sie auch andere Attribute wie target, rel usw. hinzufügen, um das Verhalten des Links anzupassen. Um jedoch eine einfache Referenz zu erstellen, genügt es, nur eine href zu verwenden.
Schritt 3: Fügen Sie dem Linkattribut die URL hinzu
Mit dem href-Attribut können Sie die URL angeben, die beim Klicken auf den Link geöffnet werden soll. Um eine URL hinzuzufügen, fügen Sie sie einfach in den Wert des href-Attributs ein:
In diesem Beispiel führt der Link zu einer Website mit einer Adresse https://www.example.com . Sie können diese Adresse durch eine andere Adresse ersetzen, die Sie benötigen.
Wenn Sie möchten, dass der Link in einem neuen Browser-Tab geöffnet wird, fügen Sie dem Tag ein target-Attribut mit dem Wert "_blank" hinzu :
Wenn Sie nun auf den Link klicken, wird er in einem neuen Tab geöffnet.
