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

HTML-Codeanalyse der Textkonvertierungseffekte bei Links- und Rechtsbewegungen

Die Darstellung und Öffnungsmethode eines Hyperlinks

HTML-Codeanalyse der Textkonvertierungseffekte bei Links- und Rechtsbewegungen

Detailliertes Tutorial zum verteilten Betrieb von JMeter in der Docker-Umgebung

Eine kurze Diskussion über adaptive Layoutprobleme auf Mobilgeräten (responsive, rem/em, Js-Dynamik)

Detaillierte Erklärung und praktische Übungen zum Mysql-Tuning-Erklärtool (empfohlen)

Die Popularität chinesischer Domainnamen in China hat eine neue Höhepunktrunde eingeleitet

Ein Artikel zum Verständnis von Linux-Festplatten und Festplattenpartitionen

XHTML verwendet einige veraltete Elemente in HTML nicht mehr

Eine kurze Analyse der LRU-verknüpften Liste von MySQL

So fügen Sie MySQL Indizes hinzu

Konzept und Anwendungsbeispiele für die MySQL-Indexkardinalität

Artikel empfehlen

Linux-System zum Anzeigen von CPU, Maschinenmodell, Speicher und anderen Informationen

So lösen Sie das Problem des verstümmelten MySQL-Inserts

vue3.0 + echarts realisiert dreidimensionales Säulendiagramm

Drei nützliche Codes, damit sich Besucher an Ihre Website erinnern

So konvertieren Sie eine Zeichenfolge in JavaScript in eine Zahl

Implementierung integrierter Module und benutzerdefinierter Module in Node.js

Einige allgemeine Eigenschaften von CSS

Ausführliches Tutorial zur Installation und Konfiguration von MySQL 8.0.20

Vue3.0 handgeschriebener Karusselleffekt

Tutorial zur Installation von MYSQL8.X auf Centos

Teilen Sie JS vier lustige Hacker-Hintergrundeffektcodes

Node.js fügt den aktuellen Kampfdatensatz der MySQL-Datenbank hinzu, löscht ihn, ändert ihn und überprüft ihn

Node.js + Express + Socket realisiert einen Online-Chatroom für mehrere Personen in Echtzeit

MySql 5.7.20 Installation und Konfiguration von Daten- und my.ini-Dateien

Umfassende Analyse von optimistischer Sperre, pessimistischer Sperre und MVCC in MySQL