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

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

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

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

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

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

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

推薦する

Linux でスペースを含むファイルを削除する (ディレクトリではない)

日常業務では、スペースのないファイルに遭遇することがよくあります。これにより、削除操作がはるかに簡単...

mysqlタイムスタンプの使用

序文:タイムスタンプ フィールドは、MySQL でよく使用されます。たとえば、データ行が作成または変...

JavaScript プロトタイプのデータ共有とメソッド共有の実装を調べる

データ共有プロトタイプにはどのようなデータを書き込む必要がありますか?共有する必要があるデータはプロ...

データベースクエリ、どのオブジェクトにどのフィールドが含まれているか、メソッドステートメント

データベースは、どのオブジェクトにどのフィールドが含まれているかを照会します。 *を選択 sysob...

geo モジュールを使用して Nginx でホワイトリストを設定する例

元の構成: http { ...... limit_conn_zone $binary_remote...

忘れられたMySQLパスワードとログインエラーの問題について簡単に説明します

MySQL ログイン パスワードを忘れた場合、解決方法は実はとても簡単です。MySQL メイン構成フ...

Linux lsof コマンドの使用方法の詳細な説明

lsof (開いているファイルのリスト) は、プロセスによって開かれたファイルを表示するツールです。...

JS+AJAX は、州、市、地区のドロップダウン リストのリンクを実現します。

この記事では、州、市、地区のドロップダウンリストのリンクを実現するためのJS + AJAXの具体的な...

Linux コマンドを使用してオーディオ形式を変換および結合する方法

FFmpeg flacをインストールする eric@ray:~$ sudo apt install ...

VUE のコンパイル スコープとスロット スコープのスロットの問題について

スロットとは何ですか?スロット ディレクティブは v-slot であり、現在 slot と slot...

LeetCode の SQL 実装 (183. 注文をしたことがない顧客)

[LeetCode] 183.注文しない顧客Web サイトに、Customers テーブルと Or...

Alibaba Cloud イメージリポジトリの Docker 構成変更の実装

docker リポジトリ自体は非常に遅いですが、中国の Alibaba Cloud ミラー リポジト...

HTML a タグの href 属性を使用して相対パスと絶対パスを指定する方法

実際のWeb開発では、画像の挿入やCSSファイルなどすべてパスが必要となります。ファイルパスを誤って...

CSSで検索ボックスを非表示にする機能を実装します(アニメーション順方向と逆方向のシーケンス)

上部のメニュー バーに検索ボックスを配置するのは一般的なシナリオですが、検索機能がそれほど頻繁に使用...

Tomcatがセッションを管理する方法の例

ConcurrentHashMapを学習しましたが、どのように適用すればよいかわかりませんか? To...