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

ハイパーリンクを表示して開く方法
<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 の crontab タスク スケジューリングの簡単な分析

1. スケジュールタスクを作成する命令crontab -eは現在のユーザーの編集インターフェースに入...

ロンボク実装 JSR-269

序文導入Lombok は、Google Guava と同様に便利なツールであり、強くお勧めします。す...

HTML2 キャンバス SVG が認識されない場合の解決策

ウェブページを画像としてキャプチャする新機能があったので、人気のhtml2canvasを使ってみまし...

ウェブページのカラーマッチング例分析: 緑色のカラーマッチングウェブページ分析

<br />緑は黄色と青(寒色と暖色)の中間の色で、より穏やかな色です。そのため、緑は最...

Linux環境にRedisをデプロイし、Dockerにインストールする方法

インストール手順1. Redisをインストールするdocker search redis和docke...

Docker に Kong ゲートウェイをインストールする方法の例

1. Dockerネットワークを作成する docker ネットワーク作成 kong-net 2. デ...

超大型フォントを使用した 40 の Web ページ デザイン

今日の Web デザインでは、非常に大きなフォントが表示される傾向があります。これらのオープンソース...

MySQL Routerのインストールと展開

目次01 MySQLルーターの紹介MySQL Router とは何ですか? 02 MySQLルータの...

WeChatミニプログラム抽選コンポーネントの使い方

WeChatコンポーネントの形式で提供されます。コンポーネント内部ではasync/awaitが使用さ...

Mysql 5.7.18 MySQL proxies_priv を使用して同様のユーザーグループ管理を実装する

MySQL proxies_priv(シミュレートされたロール)を使用して同様のユーザーグループ管理...

ウェブサイトデザインにおいて非常に重要な概念であるdiv+floatの分析

ウェブサイトの構築では、HTML と CSS に関するさまざまな問題に常に遭遇します。ウェブサイト ...

Ubuntu 20.04 に MySql5.7 をインストールして構成するための詳細なチュートリアル

目次1. Ubuntuソースの変更2. MySQLをインストールする3. 新しいユーザーを作成し、権...

Windows での Apache+Tomcat7 負荷分散構成方法の詳細な説明

準備Windows Server 2008 R2 Enterprise (2.40GH、8GB、64...