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

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

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

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

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

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

<<:  k8sとDockerの関係についての簡単な説明

>>:  win10 で mysql8.0.23 をインストールし、「サービスが制御機能に応答しません」という問題を解決する方法

推薦する

html+vue+element-ui のスムーズさを 1 分で体験

テクノロジーファンHTMLウェブページ、知っておくべきYouyou が開発した vue フロントエン...

Vue のリスナーの基本的な使用例

目次序文1. リスナーの基本的な使い方2. リスナー形式3. ページに入るとすぐに監視とディープモニ...

Centos7 での DNS サーバーの構築の概要

目次1. プロジェクト環境: 2: DNSサーバーの設定i: 前方解析を構成する: ii: 逆解像度...

CSS3を使用してテキストの垂直配置を実現する方法

最近のプロジェクトでは、テキストを垂直に揃えたいと考え、CSS の writing-mode プロパ...

Windows 10 無料インストール版の MySQL インストールと設定のチュートリアル

ネットでいろいろ検索してみたところ、Linux システム向けではなく、現在の新しいバージョンと一致し...

HTMLテキストの一般的なイベントとメソッドの詳細な説明

イベントの説明onactivate: オブジェクトがアクティブ要素として設定されたときに発生します。...

Vue のレスポンシブ原則と双方向データの詳細な分析

応答性を実現するための object.defineProperty の理解observe/watch...

衝突検出を実装するためのjs

この記事の例では、衝突検出を実装するためのjsの具体的なコードを参考までに共有しています。具体的な内...

CSSは2つの要素をブレンドする効果(スティッキー効果)を実現します。

数年前、Taobaoのモバイル版の左下隅に面白い丸いボタンがあったことを覚えています。それをクリック...

JavaScript でのモグラ叩きゲームの実装

この記事では、モグラ叩きゲームを実装するためのJavaScriptの具体的なコードを参考までに紹介し...

ウェブページ作成時のHTMLタグの使用に注意してください

HTML はプレゼンテーションからコンテンツへの移行を試みており、コンテンツの意味(HTML) とプ...

MySQL Order By 複数フィールドのソートルールのコード例

事前に言っておく気まぐれですが、MySQL の order by sorting にどのようなルール...

UbuntuにMySQLデータベースをインストールする方法

Ubuntu は、Linux をベースにした無料のオープンソース デスクトップ PC オペレーティン...

HTML テーブル マークアップ チュートリアル (10): セル パディング属性 CELLPADDING

セルのパディングは、セルの内容と境界線の間の距離です。基本的な構文<TABLE セルパディング...

ドロップダウンリストのJavaScript実装

この記事の例では、ドロップダウンリストを実装するためのJavaScriptの具体的なコードを参考まで...