ホームページ ウェブフロントエンド CSSチュートリアル ハイパーリンクでの下線の使用方法_エクスペリエンス交換

ハイパーリンクでの下線の使用方法_エクスペリエンス交換

May 16, 2016 pm 12:07 PM
使用説明書

关于超链接中的下划线这个及细节的问题,想必大家都有过讨论和思考,大家都知道,把握一个原则即可:“让使用者清楚的区分超链接文本和其他文本形式,并潜意识知道可以点击。”;但对于是否可以潜意识知道可以点击,还是有争议的,不同的人,不同的环境会有不同的见解。

不妨分几个场景讨论一下:

1. 导航区域,潜意识我会去点击。

即便有下划线也是个“古老形式”的摆设,所以一般没有下划线;好的设计不仅满足点击,还满足视觉的层级关系。

2. 整页全是链接,下划线成了可有可无的表现。

象新浪、搜狐首页都是可以点击的,所以下划线的有无意义也就不大,猫扑在首页设计中就去
掉了可有可无的下划线。(下图自上而下依次为:新浪、搜狐、猫扑。)

3. 可以点击吗?别让我去猜!

看下面的设计抓图,只有Google和百度的设计我没有疑惑,其他两个的设计我要自己去猜。
 
4. 在超链接和文本混排的情况下,下划线更容易让我们去点击。


5. 独立超链接,不加下划线不足以“明示”。

6. 需要特别突出显示的链接,必要的时候使用“伪按钮”。

关于伪按钮的问题,臭鱼在其接受伪按钮已阐述的比较明确,在此不再赘述。

说明:大家根据具体的环境而定,目的是让超链接更容易被潜意识的点击,避免过多的尝试和思考而浪费浏览者更多的时间。

附:超链接的作用
       罗嗦一下基本概念,所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。

超链接的基本分类:

  • Web ページ内のハイパーリンクは、リンク パスの違いに応じて、内部リンク、アンカー リンク、外部リンクの 3 つのタイプに分類されます。
  • さまざまな使用目的に応じて、Web ページ内のリンクは、テキスト ハイパーリンク、画像ハイパーリンク、電子メール リンク、アンカー リンク、マルチメディア ファイル リンク、空のリンクなどに分類できます。
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

OnePlus budsPro の使用方法_OnePlus budsPro の手順 OnePlus budsPro の使用方法_OnePlus budsPro の手順 Mar 23, 2024 am 10:11 AM

1. ノイズリダクションモードと透明モードを切り替える イヤホンのハンドルを約1秒間長押しすると、ノイズリダクションモードと透明モードが切り替わります。 2. 音楽モードで、イヤホンハンドルを 1 回押すと音楽を一時停止または再生し、イヤホンハンドルを 2 回押すと次の曲を再生し、イヤホンハンドルを 3 回押すと前の曲を再生するか音声を起動します。 3. 通話モードでは、通話中にイヤホンのハンドルを 1 回押して、通話に応答するか電話を切ります。 4. リセット方法 イヤホンボックスを開け、充電ボックスのインジケーターライトが赤に5回点滅したらボタンを放すとイヤホンがリセットされます。 3. 電話の接続方法 1. 充電ボックスを開きます。 2. 設定ボタンを 2 秒間押し続けます。 3. 電話画面にポップアップ ウィンドウが表示されたら、クリックして接続を確認します。 4. バッテリー状態の確認方法 1. イヤホンを携帯電話に接続すると、携帯電話画面のポップアップ ウィンドウでイヤホンと充電ボックスのバッテリー レベルを確認できます。 2、

UniAppの支払い機能にアクセスして使用するための手順 UniAppの支払い機能にアクセスして使用するための手順 Jul 04, 2023 am 10:27 AM

UniApp の支払い機能にアクセスして使用するための手順: モバイル決済の人気に伴い、多くのアプリケーションは、ユーザーがオンライン支払いを容易にするために支払い機能を統合する必要があります。 UniAppは、Vue.jsをベースとしたクロスプラットフォーム開発フレームワークとして、ワンタイム開発とマルチプラットフォーム利用の特徴を持ち、決済機能を簡単に実装できます。この記事では、UniApp の支払い機能にアクセスする方法とコード例を紹介します。 1. 支払い機能にアクセスするには、アプリ側のmanifest.jsonファイルに支払い権限を追加します。

Hyperf フレームワークを使用して多言語処理を行う方法 Hyperf フレームワークを使用して多言語処理を行う方法 Oct 20, 2023 am 11:10 AM

多言語処理に Hyperf フレームワークを使用する方法 はじめに: インターネットのグローバル化に伴い、多言語処理は多くのアプリケーションの開発に不可欠なスキルになりました。 Web アプリケーション開発では、複数の言語をサポートできることは非常に重要です。これにより、さまざまなユーザーのニーズに適切に対応できるようになります。この記事では、多言語処理に Hyperf フレームワークを使用する方法を紹介し、具体的なコード例を示します。 Hyperf フレームワークをインストールする まず、Hyperf フレームワークをインストールする必要があります。 Composer コマンドを使用すると、

uniappのビデオ録画機能の使い方 uniappのビデオ録画機能の使い方 Jul 06, 2023 pm 06:51 PM

uniapp のビデオ録画機能の使い方 今回は、uniapp 開発フレームワークのビデオ録画機能の使い方を紹介します。 uniapp はクロスプラットフォーム開発フレームワークで、一度書いたコードを基に複数のプラットフォームでアプリケーションを同時に実行できるため、開発者にとって非常に便利です。 uniappでは、uni-AD-INカメラコンポーネントを使用してビデオ録画機能を実装できます。まず、ユニをインストールする必要があります。

Cookie の使用に関する詳細な手順 Cookie の使用に関する詳細な手順 Feb 22, 2024 pm 12:21 PM

Cookie は、Web サイト上でのユーザーの個人的な好みや行動に関する情報を保存するために使用される一般的な Web テクノロジーです。今日のデジタル時代では、ほとんどすべての Web サイトが Cookie を使用して、パーソナライゼーションと優れたユーザー エクスペリエンスを提供しています。この記事では、ユーザーがこのテクノロジーをよりよく理解し、習得できるように、Cookie の使用方法を詳しく紹介します。まず、Cookie の基本的な概念を理解しましょう。 Cookie は、Web サイトによってユーザーのブラウザに保存される小さなテキスト ファイルであり、Web サイトへのユーザーの訪問に関する情報が含まれています。

高度なフィルタリング オプションを使用してデータをフィルタリングする 高度なフィルタリング オプションを使用してデータをフィルタリングする Feb 18, 2024 pm 02:11 PM

高度なフィルタリングを使用してデータをフィルタリングする方法 日常業務において、大量のデータをフィルタリングすることは非常に一般的かつ重要なタスクです。従来のフィルタリング機能では、より正確かつ複雑なデータのフィルタリングのニーズを満たすことができない可能性があります。この問題を解決するために、多くのオフィス ソフトウェアは、ユーザーがデータをより効率的にフィルタリングできる高度なフィルタリング機能を提供しています。この記事では、高度なフィルタリング機能を使用してデータをフィルタリングする方法について説明します。ステップ 1: データを準備する 高度なフィルタリング機能を使用する前に、まずフィルタリングするデータを準備する必要があります。データが完全であることを確認してください

win7activationアクティベーションツールの使い方 win7activationアクティベーションツールの使い方 Jul 17, 2023 pm 08:37 PM

win7 システムは、他の Windows システムと同様に、すべての機能を使用するにはアクティブ化する必要があります。では、Win7をアクティベートするにはどうすればよいでしょうか?一般的に使用される方法は、win7 アクティベーション コードまたは win7 アクティベーション ツールを使用することですが、win7activation アクティベーション ツールの方が使いやすいです。以下のエディタではwin7activationアクティベーションツールの使い方を紹介します。具体的な方法は次のとおりです。 1. まず、「WIN7Activation」(Win7 アクティベーション ツール)をオンラインでダウンロードし、プログラムをコンピュータにコピーし、ダブルクリックして開きます。 2. 次に、「アクティブ化」を直接クリックすると、アクティブ化状態が自動的に開始されます。 3. プログラムが win7 システムをアクティブ化した後、プロンプトがポップアップ表示されます。「はい」をクリックします。 4.再起動

ソフトウェアZizai Zhaoの使い方 ソフトウェア使用チュートリアル ソフトウェアZizai Zhaoの使い方 ソフトウェア使用チュートリアル Mar 12, 2024 pm 02:22 PM

Zizai Zhaoアプリの使い方は?このソフトウェアは、ユーザーが失くしたものを素早く見つけるのに役立つだけでなく、すべてを素早く持ち出すことができる専用のスマートリマインダー機能も備えています。このような使いやすいソフトウェアを使用する必要があります。ダウンロードしたばかりのユーザーにとって、すぐに内容を取得したい場合、このソフトウェアをどのように操作すればよいでしょうか?それでは、このソフトの操作方法を見てみましょう. 迅速な商品の検索に効果的に役立つことを願っています. 自在趙アプリソフトの使い方のチュートリアル. 1. 当サイトが提供するナッツ自在趙アプリソフトをダウンロードし、ターンしますon Bluetooth、お使いの携帯電話がそれをサポートしている必要があります Bluetooth 4.0 2. ソフトウェアを開き、新しいユーザーを登録します。携帯電話で登録するか、Weibo または QQ でログインするかを選択できます。 3.意志

See all articles