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

ハイパーリンクを表示して開く方法
<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フォーム機能通信

推薦する

Vue+js 矢印をクリックして画像を切り替える

この記事の例では、矢印をクリックして画像を切り替えるVue + jsの具体的なコードを共有しています...

ページデザインにおけるテーブルとdivの適切な適用についての簡単な説明

この記事の冒頭で、以前書いた入門記事の間違いを訂正したいと思います。初心者を再び誤解させないように、...

MySQLの使い方の詳細な説明

目次1. はじめに2. 本文2.1 Where句の位置2.2 演算子2.3 NULL値1. はじめに...

JS の原価と基準価額の問題に関する簡単な分析

プリミティブ値 -> プリミティブ型Number String Boolean undefin...

Nginx キャッシュ ファイルと動的ファイルの自動バランス設定スクリプト

nginx Nginx (エンジン x) は、高性能な HTTP およびリバース プロキシ サーバー...

mysqlサーバーは--skip-grant-tablesオプションで実行されています

MySQLサーバーは--skip-grant-tablesオプションで実行されているため、このステー...

JSで実現したページサイドバーの効果に関する研究

目次発見: ディスプレイアニメーションの応用実装:記事の1行目を表示する効果を実現する方法実際、その...

CSS初心者向けチュートリアル: 背景画像を画面全体に表示する

インターフェース全体に背景画像を表示したい場合は、当然 body に背景を追加することを考えます。コ...

要素複数フォーム検証の実装

プロジェクトでは、フォーム テストが頻繁に発生します。単一のフォーム テストについては、詳細な紹介が...

VMware仮想マシンの起動時に黒い画面が表示される問題を解決する

# VMware ハードディスクの起動優先順位を調整するステップ 1: 電源をオンにすると、BIOS...

SQLと各種NoSQLデータベースの使用シナリオの説明

SQL はメイントランクです。なぜ私はこのように理解するのでしょうか。技術的な観点からリレーショナル...

MySQLでカーソルトリガーを使用する方法

カーソル選択クエリによって返される行のセットは、結果セットと呼ばれます。結果セット内の行は、入力した...

JavaScriptのアロー関数の特徴と通常の関数との違い

目次1. 矢印関数の使用1. 通常関数から矢印関数へ2. 中括弧を省略してリターンする3. 括弧を省...

Docker ディスク領域クリーニングのソリューション

少し前に、docker ディスク容量が小さすぎてデータを書き込めないという問題が発生しました。理由は...

IdeaはリモートDockerをデプロイし、ファイルを構成する

1. LinuxサーバーのDocker構成ファイルを変更する vim /usr/lib/system...