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

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

推薦する

JS配列メソッドsome、every、findの使用に関する詳細

目次1. いくつか2. すべての3. 見つける1. いくつかsome()メソッドは、指定された関数の...

MySQL GROUP_CONCAT 制限の解決

効果: GROUP_CONCAT関数は、フィールド値を文字列に連結することができます。デフォルトの区...

選択ドロップダウンボックスの値をIDに渡してコードを実装する方法

完全なコードは次のとおりです。 HTMLコード:コードをコピーコードは次のとおりです。 <!-...

CSS3で実装された読み込みアニメーション

成果を達成する実装コード <h1>123WORDPRESS.COM</h1>...

HTMLフォーム要素の詳しい解説(パート2)

HTML 入力属性値属性value 属性は、入力フィールドの初期値を指定します。 <フォーム...

Mac での MySql の詳細なインストールと構成

1.ダウンロードしてインストールする公式ウェブサイトからコミュニティ エディションの dmg インス...

Dockerfile を使用して Java ランタイム環境のミラーを作成する方法

現在の環境は次のとおりです。セントロス7.5 docker-ce 18.06.1-ce 1. まずc...

React Hooksを使用する際のよくある落とし穴

React Hooks は React 16.8 で導入された新しい機能で、クラスを使用せずに状態や...

MySQL 8.0.18 ハッシュ結合は左/右結合をサポートしていません 左と右の結合の問題

MySQL 8.0.18 では、インデックスが作成されていないフィールドに適用でき、等価値の関連付け...

Linux での umask の使用に関する詳細な説明

私は最近 Linux を学び始めました。Ma Ge の umask に関する Linux コースを読...

mysql5.7 のエンコーディングを utf8mb4 に設定する方法

最近、問題に遭遇しました。モバイル端末の絵文字や一部の絵文字は 4 バイトですが、UTF-8 は 3...

WebプロジェクトをIdeaにインポートし、Tomcatに公開する問題を解決します

Idea は既存の Web プロジェクトをインポートして Tomcat に公開しますが、Tomcat...

Linux での SSH 非秘密通信の実装

SSHとは何か管理者はリモートでログインして、インターネット経由で接続されたさまざまな場所にある複数...

js を使用してネットワークカメラを呼び出し、一般的なエラーを処理します

最近、業務上の理由により、Web ページ上のさまざまなネットワーク カメラにアクセスしてデバッグする...