ハイパーリンクに関するいくつかの質問

ハイパーリンクに関するいくつかの質問
<br />ポテトチップスパーティーのこのエピソードに参加して、何人かの友達に会えてとてもうれしいです~~予想外に、今日は要約しなければなりません
このポテトチップスの会議では、3 つのトピックについて話し合いました
A. 「ユーザー」がハイパーリンクを識別しやすくするにはどうすればよいでしょうか?
B. ハイパーリンクには下線を引く必要がありますか?
C. ボタンですか、それともリンクですか?
1. 「ユーザー」がハイパーリンクを識別しやすくするにはどうすればよいでしょうか?
リンクしているようにも感じますが、リンクしていないようにも感じます。私たちは一緒にいくつかの例を見ました。
シナ:

一部は赤で下線が引かれており、一部は赤で下線が引かれておらず、一部は青で下線が引かれています。これにより、すべてをクリックでき、あらゆる場所にリンクがあるという印象がユーザーに与えられます。しかし、インターフェースは非常に美的に美しいです。
ヤフー:

画像では、1、3、4はすべてリンクですが、2は本文なのでリンクできません。一見すると、どれがリンクでどれがそうでないかはわかりにくいですが、マウスをリンクの上に移動すると、それが何であるかがすぐにわかります。
下線を引かないというこのデフォルトのアプローチにより、インターフェース全体が非常に美しくなりますが、区別が難しくなります。周りを見回しても何をすればいいのか分からない。
アマゾン:

Amazon のウェブサイトのリンクは非常に巧妙に処理されています。本文にリンクが含まれており、リンクできない部分は黒のテキストで、リンクできる部分は青い下線で表示されます。また、カテゴリには下線が引かれていませんが、カテゴリに下線を引く必要はないと誰もが考えています。
誰もがAmazonのアプローチに同意しています。
議論の結果、全員一致の結論には至らなかったが、カテゴリーには下線は必要ないなど、比較的一貫した傾向がいくつかあった。 リンクを明確に区別するには、青い下線を使用するのが最も簡単な方法です。 ウェブサイトの場合、下線を使用しない場合は、リンクと非リンクを異なる色で区別し、リンクの色は同じにする必要があります。
前のページ1 2 次のページ 全文を読む

<<:  Vue3 (III) ウェブサイトホームページレイアウト開発

>>:  Vueはシンプルなショッピングカートの例を実装します

推薦する

VMware で Nginx+KeepAlived クラスタ デュアルアクティブ アーキテクチャを展開する際の問題と解決策

序文負荷分散には nginx を使用します。アーキテクチャのフロントエンドまたは中間層として、トラフ...

CSS3 で複数のカスタムフォントを導入する

今日、HTML に問題を発見しました。多くのデフォルト フォントが提供されていますが、「Bold」、...

vuex の補助関数 mapGetters の基本的な使い方の詳細な説明

mapGettersヘルパー関数mapGettersヘルパー関数は、ストア内のゲッターをローカルの計...

Hadoop におけるネームノードとセカンダリネームノードの動作メカニズムの説明

1) プロセス 2) FSImageと編集NodeNode は HDFS の頭脳です。ファイルシステ...

LinuxサーバーでRabbitMQ管理ページにアクセスできない問題を解決

私のプロジェクトの特定の機能ではサーバーが rabbitmq にメッセージを送信する必要があるため、...

docker tagとdocker pushの使い方の詳しい説明

Dockerタグの詳しい説明docker tag コマンドの使い方と、ローカルイメージを daocl...

CSS 変数に基づくテーマ切り替えに最適なソリューション (推奨)

この要件を受け取ったとき、Baidu は、CSS リンクの置き換え、className の変更、le...

ネイティブ JavaScript でシンプルな Gobang ゲームを実装する

この記事では、JavaScriptで簡単なGobangゲームを実装するための具体的なコードを参考まで...

React Native の基本原則の深い理解 (Bridge of React Native)

この記事では、React Native の基本をすでに理解していることを前提とし、ネイティブと Ja...

JavaScript クロージャの説明

目次1. クロージャとは何ですか? 1.2 クロージャのメモ化: 関数は定義された環境を記憶する1....

MySQL データベースは何をしますか?

MySQL はリレーショナル データベース管理システムです。リレーショナル データベースは、すべて...

プロセスのすべての情報を表示するLinuxメソッドの例

サーバー上にタスク プロセスがあります。 ps -ef | grep task を使用して表示すると...

ESXI の仮想マシンにワークステーションをインストールするときに発生するネットワーク障害の解決策

問題の説明ESXI で Windows にワークステーションをインストールした後、内部の仮想マシンは...

MySQL クエリの最適化: クエリが遅い原因と解決策

開発に携わっている友人、特に MySQL に関係のある友人は、非常に遅い MySQL クエリに遭遇す...

AngularJSループオブジェクトプロパティで動的列を実装するアイデアの詳細な説明

動的な列を実現するための Angularjs ループ オブジェクト プロパティ利点: オブジェクトを...