Die Darstellung und Öffnungsmethode eines Hyperlinks

<br />Verwandte Artikel: So rufen Sie einen Hyperlink auf und öffnen ihn
Manifestation <br />Die von Benutzern oder Designern festgestellten Probleme:
1. Benutzer können nicht erkennen, ob es sich um einen Link handelt oder nicht. Sie müssen die Maus über das Ziel bewegen und warten, bis es die Form einer Hand annimmt, um zu bestätigen, dass es sich um einen Link handelt.
2. Eine einheitliche Linkfarbe ist für das Interface-Design nicht förderlich.
analysieren:
Die von Baidu/Google dargestellte blaue Unterstreichung ist der klassischste Linkstil, der direkt widerspiegelt, ob er anklickbar ist/angeklickt werden kann. Allerdings haben verschiedene Websites ihre eigenen Stile und es ist unmöglich, ihnen allen den gleichen Link-Stil zu verleihen, was das Design stark einschränken würde. Ich unterteile Links in empfohlene Klicks (Artikeltitel usw.), sofortige Klicks (Autorenname, „Mehr“, Links innerhalb von Absätzen usw.) und funktionale Links (Navigation, Schaltflächen usw.).
Lösung:
Es wird empfohlen, anklickbare Links zu verwenden und eine Standard-Linkfarbe festzulegen, sodass die Benutzer sofort erkennen, dass es sich um einen anklickbaren Link handelt, wenn sie eine Schrift in dieser Farbe (z. B. Blau) sehen. Stellen Sie sicher, dass diese Farbe dunkler als die normale Textfarbe ist, damit sie leichter zu unterscheiden ist.
Um anklickbare Links zu kennzeichnen, sollte die Farbe solcher Links häufig der des umgebenden Textes entsprechen, daher ist eine Unterstreichung die beste Möglichkeit.
Funktionale Links, wie Navigationslinks und Buttons, sind auf den ersten Blick anklickbar und müssen nicht durch Farbe oder Unterstreichung hervorgehoben werden. Sie können individuell angepasst werden.
So öffnen Sie <br />Probleme, auf die Benutzer gestoßen sind:
1. Es gibt zu viele Popup-Fenster, die den gesamten Bildschirm ausfüllen und sogar den Computer einfrieren.
2. Alle Sprünge erfolgen auf diese Seite. Wenn Sie andere Inhalte auf der vorherigen Seite anzeigen möchten, müssen Sie zurückgehen.
analysieren:
Die meisten herkömmlichen Websites bevorzugen Popup-Links, die den Bildschirm des Benutzers belegen, während 2.0-Websites lieber zur aktuellen Seite springen und Popups als sehr benutzerfreundlich empfinden. Warum sollten Benutzer zur vorherigen Seite gehen, um auf einen anderen Link zu klicken? Weil die aktuelle Seite keinen Link zur vorherigen Seite hat oder die vorherige Seite filterbare Inhalte der gleichen Ebene hat, beispielsweise eine Artikelliste. Die Seite lässt sich idealerweise öffnen, indem Sie zu dieser Seite springen oder eine neue Registerkarte öffnen.
Lösung:
Links in einer Liste, beispielsweise einer Gruppe von Nachrichtenüberschriften, werden in einem Popup-Fenster geöffnet.
Funktionale Links wie Navigation, Kategorien, Seitennummerierung, „Mehr“ und ähnliche Links öffnen ein Fenster, um zu dieser Seite zu springen.
Externe Links, wie etwa Textlinks in benutzerfreundlichen Linkabsätzen, werden zum Öffnen über Popup-Fenster geöffnet.
Benutzer können es wahlweise öffnen, indem sie mit der rechten Maustaste klicken und „In neuem Tab öffnen“ auswählen oder den Browser auf „Popup-Fenster immer in neuem Tab öffnen“ einstellen.

<<: Einfaches Beispiel für den Grenzwertparameter der MySQL-Paging

>>: Zwei Möglichkeiten zum Beenden von Bash im Docker-Container unter Linux

Detaillierte Erklärung zum Erkennen und Verhindern von JavaScript-Endlosschleifen

Die Darstellung und Öffnungsmethode eines Hyperlinks

Detaillierte Erklärung zum Erkennen und Verhindern von JavaScript-Endlosschleifen

Detaillierte Erläuterung des Aufbaus und der Verwendung des Docker Private Warehouse

Detaillierte Schritte zur Installation des NERDTree-Plugins in Vim unter Ubuntu

Detaillierte Erläuterung der Nginx-Optimierung in Szenarien mit hoher Parallelität

So implementieren Sie geplante Aufgaben der zweiten Ebene mit dem Linux Crontab Shell-Skript

Analyse des neuen Ressourcenmanagementsystems von CocosCreator

Beispiel für die Implementierung eines dynamischen Überprüfungscodes auf einer Seite mithilfe von JavaScript

Mehrere Möglichkeiten zum Senden von HTML-Formularen_PowerNode Java Academy

Wie kann das Front-End die 100.000 vom Back-End zurückgegebenen Daten besser anzeigen?

Hinweise zu den Formularkomponenten des Elements

Artikel empfehlen

Erstellen Sie Schritt für Schritt ein Dateiverwaltungssystem mit nginx+FastDFS

MySQL Serie 12 Backup und Wiederherstellung

Demo für 10-Farbverlaufshintergrund des CSS-Containers (linear-gradient())

Einführung in Linux-Umgebungsvariablen und Prozessadressraum

So stellen Sie Rancher mit Docker bereit (keine Fallstricke)

Verwenden Sie das Firebug-Tool, um die Seite auf dem iPad zu debuggen

Eine kurze Analyse von Kubernetes-Controllern und -Labels

Natives JS zur Realisierung eines springenden Balls

Praktische Möglichkeit zum Erstellen einer verteilten Selenium-Grid-Umgebung mit Docker

So übergeben Sie den Wert des Auswahl-Dropdown-Felds an die ID, um den Code zu implementieren

Führen Sie die Schritte zur Installation der Boost-Bibliothek unter Linux aus

Detaillierte Erklärung der Beziehung zwischen Vue und VueComponent

Ubuntu installiert mehrere Versionen von CUDA und wechselt jederzeit

Mehrere Möglichkeiten zur Implementierung eines 0-ms-Verzögerungstimers in js

Detaillierte Beschreibung der Funktion von meta name="" content="