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

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

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

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

推薦する

JS での new の手書き実装

目次1 新しいオペレータの紹介2 新しいものは何をしましたか? 3 新しい演算子の実装をシミュレート...

Linux でユーザーにルート権限を追加する方法の概要

1. ユーザーを追加します。まず、adduser コマンドを使用して共通ユーザーを追加します。コマン...

Vue の get リクエストと post リクエストの違いのまとめ

このチュートリアルの動作環境: Windows 7 システム、vue 2.9.6 バージョン、DEL...

MySQLの行数カウントに関する簡単な説明

各テーブルの行数をカウントするために使用される MySQL count() 関数は、誰もがよく知って...

MySQL 学習ノート ヘルプ ドキュメント

システムヘルプを表示help contents mysql> ヘルプコンテンツ; ヘルプ カテ...

Navicat が MySQL に接続するときに発生する 1045 エラーの解決方法

ローカル データベースに接続すると、Navicat for MySQL は以下のように 1045 エ...

MySql インデックス使用戦略の分析

MySql インデックスインデックスの利点1. 一意のインデックスまたは主キー インデックスを作成す...

HTMLタグを閉じるのを忘れないでください

Web 標準に準拠した Web ページの構築は、jb51.net が常に全員と議論しているトピックで...

MySQL マスタースレーブレプリケーションの実践の詳細説明 - GTID ベースのレプリケーション

GTIDベースのレプリケーション導入GTID ベースのレプリケーションは、MySQL 5.6 以降に...

div 要素に終了タグがないため、Web ページを開くことができません

最初は速度の問題だと思ったので、その後、すべての画像リンク リクエストをクロスサイト接続ではなくサイ...

MySQL 8.0.12 のインストールと環境変数の設定チュートリアル (Win10 の場合)

Windows 10 プラットフォームでの MySQL のインストール、構成、起動、ログイン、環境...

Linux 環境に nginx をインストールするチュートリアル

目次1. 必要な環境をインストールする //gccをインストールする yum で gcc-c++ を...

ウェブデザインを改善するための 8 つの CSS ツールを共有する

ウェブサイトのデザインを編集または変更する必要がある場合、CSS が重要な役割を果たします。 CSS...

CentOS/RHEL システムで VLAN タグ付きイーサネット カードを使用する方法

シナリオによっては、Linux サーバー (CentOS/RHEL) の同じイーサネット カード (...

nginx 設定場所方法の概要

位置一致順序1. 「=」プレフィックス命令マッチング、マッチングが成功したら他のマッチングを停止2....