Der Zweck von HTML-Platzhalterlinks

Bis um HTML5 wurde veröffentlicht, das Tag hat eines benötigt Attribut: href. Aber HTML5 macht sogar dieses Attribut optional. Wenn Sie das Tag ohne Attribute schreiben, wird es als Platzhalter-Link bezeichnet.

Ein Platzhalter-Link sieht so aus:

Bisherige

Verwenden von Platzhalterlinks während der Entwicklung

Fast jeder Webdesigner hat schon einmal Platzhalter-Links erstellt eine Website entwerfen und erstellen. Vor HTML5 würde ein Programmierer Folgendes als Platzhalter schreiben:

Link Text

Das Problem bei der Verwendung von a Hashtag (#) als Platzhalter-Link ist, dass der Link anklickbar ist, und dies kann bei Ihren Kunden zu Verwirrung führen. Und wenn ein Entwickler vergisst, sie mit den richtigen URLs zu aktualisieren, zeigen diese Links einfach dieselbe Seite an, auf der sich der Benutzer befindet, wenn er angeklickt wird.

Stattdessen sollten Sie Tags ohne Attribute verwenden. Sie können diese so gestalten, dass sie wie alle anderen Links auf Ihrer Seite aussehen, aber sie sind nicht anklickbar, da sie nur Platzhalter sind.

instagram viewer

Verwenden von Platzhalterlinks auf Live-Sites

Platzhalter-Links haben im Webdesign nicht nur einen Platz Entwicklung. Ein Platz, an dem ein Platzhalterlink glänzen kann, sind Navigationselemente. In vielen Fällen haben Website-Navigationslisten eine Möglichkeit, anzuzeigen, auf welcher Seite Sie sich befinden. Diese werden oft als „Sie sind hier“-Indikatoren bezeichnet.

Die meisten Websites verlassen sich auf ID-Attribute auf dem Element, das die Markierung "Sie sind hier" benötigt, aber einige verwenden auch das Klassenattribut. Unabhängig davon, welches Attribut Sie verwenden, müssen Sie jedoch auf jeder Seite mit der Navigation viel zusätzliche Arbeit leisten, indem Sie das Attribut zu den richtigen Elementen hinzufügen und entfernen.

Mit einem Platzhalterlink können Sie Ihre Navigation nach Belieben schreiben und dann einfach das href-Attribut aus dem entsprechenden Link entfernen, wenn Sie die Navigation zu einer Seite hinzufügen. Ein kurzer Tipp für die Entwicklung besteht darin, die gesamte Navigationsliste als Code-Snippet in Ihrem Editor zu speichern, also nur ein schnelles Kopieren und Einfügen. Sie können die href dann einfach löschen. Sie können auch Ihr Content-Management-System (CMS) dazu bringen, dasselbe zu tun.

Platzhalter-Links gestalten

Platzhalter-Links lassen sich einfach gestalten und unterscheiden sich von den anderen Links auf Ihrer Webseite. Stellen Sie einfach sicher, dass Sie sowohl das a-Tag als auch das a: link-Tag stylen. Beispielsweise:

ein {
Farbe Rot;
Schriftdicke: fett;
Textdekoration: keine;
}
eine Verbindung {
Farbe blau;
Schriftstärke: normal;
Textdekoration: unterstreichen;
}

Diese CSS macht Platzhalter-Links fett und rot, ohne Unterstreichung. Normale Links sind jedoch normal schwer, blau und unterstrichen.

Denken Sie daran, alle zurückzusetzen Stile Sie möchten nicht vom a-Tag übernommen werden. Zum Beispiel ist die Schriftstärke für die Platzhalter-Links auf fett gesetzt, also müssen Sie sie für Standard-Links auf Folgendes setzen:

Schriftstärke: normal;

Das gleiche gilt für die Text-Dekoration. Durch das Entfernen mit dem a-Selektor wäre es für den a:-Link-Selektor entfernt worden, wenn wir ihn nicht zurückgestellt hätten.

instagram story viewer