ハイパーリンクを表示して開く方法

ハイパーリンクを表示して開く方法
<br />インターネット上の無数の情報は基本的に HTML ドキュメントで構成されており、それらがリンクされてインターネット全体が形成されています。これはちょうど人体の骨と肉のようなものです。経絡を通じてのみ、それらが直列に接続され、完全な人体が形成されるのです。
<a /> タグは最も基本的なタグのように思われるかもしれませんが、HTML ドキュメントでは重要かつ欠かせないタグです。この <a /> タグはページ間のリンクであり、ブリッジとして機能します。このブリッジはページ上でさまざまな方法で表示されます。Web サイトによってブリッジの装飾方法は異なりますが、最終的な目標は同じです。つまり、ユーザーにとってより直感的で使いやすいリンク プロンプトを提供することです。
<a /> タグは、HTML ドキュメント内のさまざまなプロンプト モードとさまざまなオープニング モードで設定できます。この記事では、これら 2 つの側面について簡単に分析するだけです。詳しい情報をお待ちしています。
リンクプロンプト:
1. テキストに色と下線が付けられます。これはブラウザのデフォルトのリンク プロンプト方式であり、クリックできるリンクがある場所とリンクがない場所をユーザーに明確に伝えることができます。 Sina.com や Sohu.com など、多くの Web サイトでは、このデフォルトのリンク プロンプト方式が使用されています。しかし、このタイプのリンク プロンプトは、ニュース リスト ページには不適切です。ニュース リスト ページのテキストは基本的にタイトルであり、すべてクリック可能なリンクがあります。ページ全体のすべてのテキストにクリック可能なリンクがあるため、この方法を使用してリンクを促すことはまったく不要と思われます。さらに、ページ全体に下線が引かれているため、視覚的に深刻な疲労を引き起こします。この方法は、リンクの少ないコンテンツ ページでリンク プロンプト タスクを完了するために使用できます。

2. テキストは色付きですが、下線は引かれていません。これは、多くの Web サイトのニュース リスト ページで使用されているリンク プロンプト方式です。この方法はニュース リスト ページに非常に適しており、ページ全体の煩わしい下線を削除します。多くのウェブサイトでは、リンク テキストとコンテンツ テキストの違いを強調するため、コンテンツ ページでもこの方法を使用しています。ただし、私の意見では、この方法はコンテンツ ページでは前の方法ほど効果的ではありません。
3. テキストに色も下線もありません。これは、ニュース リスト ページで使用される別のリンク プロンプト メソッドです。ページ全体のテキストがリンク可能なので、ページを美しくするために色付きのテキストを使用する以外に特別な意味はなく、テキストが色付きであるかどうかは無視できると思われます。 PCPOP のコンテンツ ページなど、コンテンツ ページでこのプロンプト メソッドを使用している Web サイトもいくつかあります。これには、リンク テキストの上にマウスを移動して、テキストの色を変更し、下線を追加することで、リンク可能であることを示すプロンプトを表示する必要があります。コンテンツ ページでこのプロンプト メソッドを使用する前提は、リンクはコンテンツ ページ自体のオプションのアクセサリにすぎないということです。
4. 下線は点線です: これは非常に特殊なプロンプト方法で、基本的にコンテンツ ページ内のポップアップ広告リンクで使用されます。
私の意見では、リンクを示す最良の方法は、ニュース一覧ページでは下線を付けず、コンテンツページではリンクテキストに下線を付けることだと思います。リンクテキストに色を付けるかどうかは、主にページのデザインによって決まります。
リンクを開く方法:
1. 現在のページにジャンプ: これは、ブラウザでリンクを開くデフォルトの方法でもあります。多数のタブやブラウザ ウィンドウをポップアップ表示することに比べると、現在のページにジャンプすることは間違いなく最も簡潔で快適であり、当然ながらブラウザを開くデフォルトの方法になっています。しかし、実際のアプリケーションではそうではありません。リンクがニュース一覧ページにある場合、現在のページにジャンプすることは大きな問題ではありません。しかし、リンクテキストがコンテンツページにある場合、現在のページにジャンプすることは不合理です。現在のページにジャンプするということは、ブラウザが現在のデータを破棄することを意味します。しかし、コンテンツページのリンクテキストは大きなコンテンツの中に混ざっています。これは、現在のテキストに関する関連情報を提供する論理的な接続です。ユーザーはリンクテキストを読むと、自然に関連情報をクリックして表示します。ユーザーがテキスト全体を読んだ後、リンクテキストをクリックしてジャンプすることは不可能です。
2. ポップアップ ページ ジャンプ: これは、リンクを開く最も安全で最も一般的な方法です。このオープニング方法は、コンテンツページ内のリンクテキストに使用され、ユーザーの現在の読書行動への影響を最小限に抑え、ユーザーによる情報のスムーズな取得を確保しながら、関連情報を最大限に提供することができます。
3. ポップアップ表示:この表示方法は、一般的に現在のリンクテキストの簡単な説明に使用され、もちろん広告表示にも使用されます。
リンクを開く方法はユーザーに一定の影響を与えますが、より大きな影響はリンクを開く方法の統一性から生じます。同じタイプのリンクを開く方法は、統一された現在のページへのジャンプまたはポップアップページへのジャンプを使用しますが、せいぜいユーザーがスムーズに使用できるかどうかに影響するだけです。ただし、同じタイプのリンクを開く方法が現在のページにジャンプしてからポップアップページにジャンプする場合、ユーザーにスムーズな操作感を与えることはなく、ユーザーに混乱を感じさせます。

<<:  停止したすべてのDockerコンテナを1つのコマンドで再起動する

>>:  実用的な情報が満載のJavaScript Webフォーム機能通信

推薦する

Linux IO 多重化 epoll ネットワーク プログラミング

序文この章では、基本的な Linux 関数と epoll 呼び出しを使用して、Linux 上で実行で...

MySQL 5.7.17 のインストールと設定方法のグラフィック チュートリアル (Windows10)

MySQL 5.7.17 のインストールと設定方法の概要最初のステップは、MySQL公式サイトから...

CSS で左上の三角形を作成するいくつかの方法の詳細な説明

今日は、CSS を使用して左上の三角形を記述するいくつかの方法を紹介します。概略図(幅と高さを60p...

Linux環境でのDockerインストールチュートリアル

1. 設置環境Dockerは次のCentOSバージョンをサポートしていますCentOS 6.5 (6...

Web スライスとは何ですか?

IE8 の新機能 Web スライス (Web スライス) Microsoft は 3 月 20 日...

MySQLがトランザクション分離を実装する方法の簡単な分析

目次1. はじめに2. RC および RR 分離レベル2.1. RRトランザクション分離レベルでのク...

WeChatアプレットは記録機能を実装します

この記事では、WeChatアプレットのレコード機能を実装するための具体的なコードを参考までに紹介しま...

MySQL の文字セット utf8 を utf8mb4 に変更する方法

MySQL 5.5 の場合、文字セットが設定されていない場合、MySQL のデフォルトの文字セットは...

VMware Workstation のインストール (Linux カーネル) Kylin グラフィック チュートリアル

この記事では、VMware WorkstationにKylinをインストールする方法を参考までに紹介...

CentOS 7.9 の zabbix5.0.14 のインストールと設定プロセス

目次1. 基本的な環境設定2. データベースをインストールする3. zabbix関連コンポーネントを...

HTML チュートリアル: よく使われる HTML タグのコレクション (4)

関連記事:初心者が学ぶ HTML タグ (3)導入された HTML タグは、必ずしも XHTML 仕...

VPSサーバーでよく使われるパフォーマンステストスクリプトの概要

これは、VPS サーバー用の一般的なワンクリック パフォーマンス テスト スクリプトです。マシンの構...

フォーム要素とプロンプトテキストが揃っていない問題

最近のプロジェクトでは、多くのフォーム、特にチェックボックスとラジオボタンの作成が含まれます。しかし...

HTML のインラインブロックの空白を素早く削除する 5 つの方法

inline-block プロパティ値は、「インライン」要素のマージンとパディングを制御する必要があ...

NexusはHTTPSプロトコルをサポートするためにnginxプロキシを使用します

背景すべての会社の Web サイトは HTTPS プロトコルをサポートする必要があります。Aliba...