リンクについて

リンク-これはすべてのサイトの主要な要素の1つであり、インターネットの存在と発展はそれらなしでは想像するのが困難です。 リンクについては多くのことが言われていますが、これが別のトピックで収集されていることはわかりませんでした。

それで、私はすべてをまとめようとします。

リンクには下線が必要です。

これは人にとって馴染みのあるタイプのリンクであり、テキストの中ですぐに気付くことができます。
よくないユースケース

この例では、左が会社名を強調表示し、右のリンクがあります。 カーソルを移動しないと、選択内容を判別することはできません。 下線付きのリンクを使用すると、リンクと選択範囲の違いがすぐにわかります。

リンクはメインテキストから強調表示する必要があります

テキストの色とは異なる色で強調表示すると、リンクにすぐに気付き、下線付きのテキストと区別できます。

この例では、左と右へのリンクがあり、左にカーソルを置いたときにのみ下線付きテキストと区別することができ、右にリンクがすぐに表示されます。

リンクにカーソルを合わせると、反応があります

リンクにカーソルを合わせたときの反応は、色、背景、その他の効果の変化である可能性があります。 強調表示されたリンクがページ上の他のリンクと簡単に区別できるように、リンクの外観を変更するとすぐにそれに焦点が置かれます。これは、行に多くのリンクがある場合に特に便利です。

リンクの先頭または末尾にカーソルを合わせると(例のように)、どこに到達するかを正確に理解することはできません。
Habrahabrの投稿のタグのリスト

クリックしたものをすぐにクリアします。
フォントサイズ、太さ、または傾斜を使用することはお勧めしません。このため、ホバーすると行が「ジャンプ」し始めます。

メニューリンク

メニューのリンクにさらにいくつかの推奨事項を追加します。
標準的な状況を考えてみましょう。サイトには「会社について」というセクションがあり、「空室」、「歴史」などのサブセクションがあります。 「会社について」ページにアクセスすると、メニューのセクションからリンクが削除されます。 サブセクションに移動したときに、「会社について」ページへのリンクを配置しないと(ブラウザーツールの助けなしで)戻ることができません。リンクを返すと、現在のセクションが表示されず、メニュー内の他のリンクとは異なります)、太字にし、その他の選択にします。

メニュー内のリンクがサブセクションまたは追加オプションを開く場合-たとえば、断続的なアンダースコアを使用するか、何らかの文字を入力する必要があります。
下線の例

シンボルの例

Source: https://habr.com/ru/post/J25593/


All Articles