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

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

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

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

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

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

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

推薦する

Vue はウェブページの言語切り替えの国際化を実装します

1. 基本的な手順1: yarn add vue-i18nをインストールするこのパスに新しい .js...

Vue が天気予報機能を実装

この記事では、天気予報機能を実現するためのVueの具体的なコードを参考までに共有します。具体的な内容...

MySQL 4 データをインポートする方法

1. mysqlコマンドをインポートするmysql コマンドのインポート構文は次のとおりです。 my...

マウス追従ゲームを実現するjs

この記事では、マウス追従ゲームを実装するためのjsの具体的なコードを参考までに共有します。具体的な内...

Vue-routerルーティングの使い方

目次1. 説明2. インストール3. テスト1. 説明Vue Router は、Vue.js の公式...

WindowsでMysql5.7.17のインストールと起動に失敗する問題を解決する

マシンに初めて MySQL をインストールします。オペレーティングシステムはwin7ですmysqlの...

WeChatアプレットがユーザーの移動軌跡を記録

目次設定を追加json 構成レイヤー構成の表示論理層の構成位置追跡をオンにする録音を開始開始座標を決...

Zabbixで指定時間内の変化値を設定する方法の詳細な説明

背景説明: 既存の負荷分散装置には、付加価値状態にある指標があります (増加するだけで減少しないため...

CSSスタイルの記述順序と命名規則と注意事項

書き順の重要性ブラウザのリフローを減らし、ブラウザのDOMレンダリングパフォーマンスを向上させる①:...

JS クロスドメイン ソリューション React 構成 リバース プロキシ

クロスドメインソリューションjsonp (get をシミュレート) CORS (クロスオリジンリソー...

MySQLでANDとORを組み合わせる問題を解決する

以下のように表示されます。 SELECT prod_name,prod_price FROM pro...

親要素に対する CSS 子要素の配置の実装

解決親要素に position:relative を追加します。子要素に position:abso...

ウェブフロントエンドエンジニアにおすすめのヒント

まず、Webフロントエンドエンジニアの価値についてお話ししましょう。現在、Web製品のインタラクショ...

Vue スクロールダウンしてさらにデータを読み込む スクロールケースの詳細な説明

vue-無限スクロールインストール npm インストール vue-infinite-scroll -...