ホームページ ウェブフロントエンド htmlチュートリアル HTMLでハイパーリンクを表示して開く方法

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

Apr 02, 2017 am 10:06 AM

インターネット上の無数の情報は基本的に 1 つの HTML ドキュメント で構成されており、それらはリンクを通じてインターネット全体に接続されています。これは人体の骨と肉と同じであり、経絡を通じてのみそれらは連続的に接続され、完全な人体を形成します。 タグは最も基本的なもののように見えますが、HTML ドキュメントでは重要かつ不可欠なタグです。

インターネット上の無数の情報は、基本的に一つ一つがHTML文書で構成されており、リンクを通じてインターネット全体につながっています。これは人体の骨と肉と同じであり、経絡を通じてのみそれらは連続的に接続され、完全な人体を形成します。
最も基本的な
タグのように見えますが、HTML ドキュメントでは重要で不可欠なタグです。 タグはページ間のリンクであり、ブリッジとして機能します。このブリッジも、Web サイトごとにさまざまな方法でページに表示されますが、最終的な目標は同じであり、より直感的で人道的なインターフェイスを提供することです。
タグは、HTML ドキュメントのさまざまなプロンプト メソッドとさまざまな開始メソッドで設定できます。この記事では、これら 2 つの側面について簡単に分析するだけです。
リンクプロンプト方法:
1. テキストに色が付けられ、下線が引かれます: これはブラウザーのデフォルトのリンクプロンプト方法であり、リンクをクリックする場所とリンクがない場所をユーザーに明確に伝えることができます。 Sina や Sohu など、多くの Web サイトでは、このデフォルトのリンク プロンプト方式が使用されています。ただし、このリンク プロンプト方法は、ニュース一覧ページに表示される場合、基本的にタイトルに属しており、ページ全体のテキストがリンクであるため、非常に不適切です。をクリック可能であれば、この方法を使用してリンクを促す必要はまったくないと思われます。また、ページ全体に下線が引かれ、深刻な視覚疲労を引き起こす可能性があります。このメソッドは、リンクがほとんどないコンテンツ ページに表示され、リンク自体を促すタスクを効果的に完了できます。

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

以上がHTMLでハイパーリンクを表示して開く方法の詳細内容です。詳細については、PHP 中国語 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)

HTMLの表の境界線 HTMLの表の境界線 Sep 04, 2024 pm 04:49 PM

HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML 左マージン HTML 左マージン Sep 04, 2024 pm 04:48 PM

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

HTML のネストされたテーブル HTML のネストされたテーブル Sep 04, 2024 pm 04:49 PM

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML テーブルのレイアウト HTML テーブルのレイアウト Sep 04, 2024 pm 04:54 PM

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML入力プレースホルダー HTML入力プレースホルダー Sep 04, 2024 pm 04:54 PM

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML 順序付きリスト HTML 順序付きリスト Sep 04, 2024 pm 04:43 PM

HTML 順序付きリストのガイド。ここでは、HTML 順序付きリストと型の導入とその例についても説明します。

HTML 内のテキストの移動 HTML 内のテキストの移動 Sep 04, 2024 pm 04:45 PM

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML の onclick ボタン HTML の onclick ボタン Sep 04, 2024 pm 04:49 PM

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。

See all articles