ハイパーリンクの表示と開き方

ハイパーリンクの表示と開き方
<br />関連記事: ハイパーリンクを表示して開く方法
症状<br />ユーザーやデザイナーが遭遇するトラブル:
1. ユーザーはそれがリンクであるかどうか判断できません。マウスをターゲット上に移動して手の形に変わるまで待って、リンクであることを確認する必要があります。
2. 統一されたリンクの色はインターフェースのデザインに適していません。
分析:
baidu/google で表される青い下線は最も古典的なリンク スタイルであり、クリック可能/クリックされたかどうかを直接反映します。ただし、Web サイトごとにスタイルが異なるため、すべての Web サイトに同じリンク スタイルを適用することは不可能であり、デザインに大きな制限が生じます。私はリンクを、推奨クリック(記事のタイトルなど)、プロンプトクリック(著者名、「詳細」、段落内のリンクなど)、機能リンク(ナビゲーション、ボタンなど)に分類しています。
解決:
クリック可能なリンクを使用し、デフォルトのリンク色を設定して、青などのこの色のフォントを見ただけでクリック可能なリンクであることがわかるようにすることをお勧めします。区別しやすいように、この色は通常のテキストの色よりも暗くしてください。
クリック可能なリンクを示すには、リンクの色を周囲のテキストと同じ色にデザインする必要があることが多いため、下線が最適な方法です。
ナビゲーション リンクやボタンなどの機能リンクは、一目でクリック可能なので、色や下線で区別する必要はありません。カスタマイズできます。
開く方法<br />ユーザーが遭遇したトラブル:
1. ポップアップ ウィンドウが多すぎて、画面全体が埋まってしまい、コンピューターがフリーズしてしまうこともあります。
2. すべてのジャンプはこのページへ行われます。前のページの他のコンテンツを閲覧したい場合は、戻る必要があります。
分析:
従来の Web サイトのほとんどは、ユーザーの画面を占有するポップアップ リンクを好みますが、2.0 Web サイトは現在のページへのジャンプを好み、ポップアップは非常に使いにくいと考えています。ユーザーが別のリンクをクリックするために前のページに移動する必要があるのはなぜですか?現在のページに前のページへのリンクがないか、前のページに記事のリストなど同じレベルのフィルタリング可能なコンテンツがあるためです。ページを開く最も理想的な方法は、このページにジャンプするか、新しいタブを開くことです。
解決:
ニュースの見出しのグループなどのリスト内のリンクは、ポップアップ ウィンドウで開きます。
ナビゲーション、カテゴリ、ページング、「その他」などの機能リンクをクリックすると、このページにジャンプするためのウィンドウが開きます。
フレンドリー リンクの段落内のテキスト リンクなどの外部リンクは、ポップアップ ウィンドウを使用して開きます。
ユーザーは、右クリックして「新しいタブで開く」を選択するか、ブラウザを「常にポップアップ ウィンドウを新しいタブで開く」に設定して開くことを選択できます。

<<:  MySQL ページングの制限パラメータの簡単な例

>>:  Linux の Docker コンテナで bash を終了する 2 つの方法

推薦する

MySQL データベースで UTF-8 エンコードを設定する方法

/etc/my.cnf または /etc/mysql/my.cnf ファイルを変更する [クライアン...

フォント宝庫 50 種類の素晴らしい無料英語フォントリソース パート 2

デザイナーは独自のフォント ライブラリを持っているため、プロジェクトの設計時にすぐに使用できます。今...

ReactでのDOM操作の実装

目次前の単語使用シナリオ参照HTML要素クラスコンポーネント機能コンポーネント[DOMノードを親コン...

HTML テーブル マークアップ チュートリアル (43): テーブル ヘッダーの VALIGN 属性

垂直方向では、ヘッダーの配置を上、中央、下に設定できます。基本的な構文構文Top は上、Middle...

image/x-png の ContentType について

これにより、png ファイルのアップロードも不可能になりました (後で情報を調べたところ、レジストリ...

一般的なMySQLコマンドの概要

mysqlrootパスワードの設定と変更初めて MySQL データベースに入ります。 !環境変数にm...

Zabbix 監視ソリューション - 最新の公式バージョン 4.4 [推奨]

ザビックス2019/10/12 チェンシン参照するhttps://www.zabbix.com/do...

MySQLテーブルにタイムスタンプを追加するいくつかの方法

シナリオ:テーブル内のデータは、同期ツールを使用して他のデータベースと同期する必要があり、増分同期に...

LeetCode の SQL 実装 (177. 給与が N 番目に高い)

[LeetCode] 177. 最も高い給与従業員テーブルからn番目に高い給与を取得する SQL ...

HTML ファイルにファイルの内容を含める方法の概要

フォーラムでは、ネットユーザーから「HTML ファイル内の別の HTML ファイルの内容を読み取るこ...

MySQL ファジークエリの使用法 (通常、ワイルドカード、組み込み関数)

目次1. MySQL ワイルドカード ファジー クエリ (%,_) 1-1. ワイルドカードの分類1...

入力ボックスのカーソルサイズの表示が一貫していない問題の解決方法

入力ボックス内のカーソルのサイズが一定ではありませんIE7とChromeの違いは非常に明白ですまず、...

HTML で自動ページジャンプを実現する 5 つの方法

前回の記事では、HTML ページが 3 秒後に自動的にジャンプする一般的な 3 つの方法を紹介しまし...

MySQL 8.0.19 では、間違ったパスワードを 3 回入力するとアカウントがロックされるようになりました (例)

MySQL 8.0.19 では、間違ったパスワードを 3 回入力するとアカウントがロックされるよう...

VueのVuexの4つの補助機能について

目次1. 補助機能2. 例1. mapState と mapGetters 2. mapMutati...