HTML ウェブページハイパーリンクタグ

HTML ウェブページハイパーリンクタグ href はリンク アドレスを指定します。name はリンクに名前を付けます。title はリンクのヒント テキストを指定します。target はリンクのターゲット ウィンドウを指定します。accesskey リンク ホットキー。パスについてすべてのファイルには独自の保存場所とパスがあります。ファイルとリンクされるファイル間のパス関係を理解することが、リンクを作成するための基礎となります。 URL (Uniform Resource Locator) は、各 Web サイトが持つ独立したアドレスを指します。同じ Web サイトの下にあるすべての Web ページは同じアドレスに属しますが、Web ページを作成するときに、各リンクの完全なアドレスを入力することは不可能であり、また必要もありません。現在のドキュメントとサイトのルート ディレクトリ間の相対パス関係を決定する必要があります。したがって、リンクは次の3種類に分けられます。https://www.jb51.netなどの絶対パス、news/default.htmなどの相対パス、/website/news/default.htmなどのルートパス
これら 3 つのアドレス形式を理解する前に、まず他の 2 つの概念、内部リンクと外部リンクを理解する必要があります。内部リンクと外部リンクはどちらもサイト フォルダーを基準としています。リンクがサイト フォルダー内のファイルを指している場合、それは内部リンクです。リンクがサイト フォルダーの外部を指している場合は、外部リンクと呼ばれます。外部リンクを追加する場合は、以下に説明する絶対アドレスが使用されます。内部リンクを追加する場合は、以下に説明するルートディレクトリ相対アドレスとファイル相対アドレスが使用されます。
リンクには次の 3 種類があります。
    絶対パス 絶対パスは、http、Ftp、rtsp などの適用可能なプロトコルを含むファイルの完全なパスを提供します。最も一般的なものは次のとおりです。
    http://www.sohu.com
    ftp://202.136.254.1
    他の Web サイト上のファイルにリンクする場合は、絶対リンクを使用する必要があります。 相対パス 相対リンクは、Web サイト内の内部リンクに最適です。同じ Web サイトの下にある限り、同じディレクトリになくても相対リンクは非常に適しています。ファイル相対 URL は内部リンクの理想的な形式です。相対 URL は、サイト フォルダー内にある限り、ファイル間のリンクを構築するために自由に使用できます。このアドレス形式は、リンクを構成する 2 つのファイル間の相対関係を使用し、サイト フォルダーのサーバーの場所の影響を受けません。したがって、この書き方では絶対アドレスの同一部分は省略されます。これを行う利点は、サイト フォルダーのサーバー アドレスが変更されても、フォルダーのすべての内部リンク (このアドレス形式が使用されている場合) に問題が発生しないことです。
    相対リンクの使用方法は次のとおりです。リンクが同じディレクトリへのものである場合は、リンクするドキュメントの名前を入力するだけです。 次のレベルのディレクトリ内のファイルにリンクするには、まずディレクトリ名を入力し、次に「/」を追加してファイル名を入力します。 上位ディレクトリのファイルにリンクしたい場合は、最初に「…/」と入力し、その後にディレクトリ名とファイル名を入力します。 ルート パス ルート ディレクトリ相対アドレスも内部リンクの作成に適していますが、ほとんどの場合、このアドレス形式を使用することはお勧めしません。これは、次のような場合に使用されます。サイトが非常に大きく、複数のサーバーに配置されている場合、複数のサイトが同時に1つのサーバーに配置されている場合

ルート ディレクトリ相対アドレスの記述形式も非常にシンプルです。ルート ディレクトリを表すスラッシュで始まり、その後にフォルダー名、最後にファイル名が続きます。ルート パスは「/」で始まり、その後にルート ディレクトリの下のディレクトリ名が続きます。
前のページ1 2 3 4 5 6 7 8 次のページ 全文を読む

HTML ウェブ ページのハイパーリンク タグの学習チュートリアル リンク タグの属性 リンクは、ウェブ ページで最も重要な要素の 1 つであり、ウェブサイトの魂です。ウェブサイトは複数のページで構成されており、ページ間のナビゲーション関係はリンクによって決まります。すべての Web ページには固有のアドレスがあり、英語では URL (Uniform Resource Locator) と呼ばれます。アドレスバーに https://www.jb51.net と入力し、Enter キーを押すと、123WORDPRESS.COM Web サイトのメイン ページが開きます。ご覧のとおり、ページには複数の列、複数のニュース項目などがあり、上部のさまざまな列はテキストリンクになっています。
リンクタグはWebサイトのデザインや制作において欠かせない位置を占めていますが、タグは<a>タグの1つだけです。このサイトで紹介しているリンクアプリケーションはすべて<a>タグをベースにしています。
リンクタグのプロパティは次の表のとおりです。
財産説明する

<<:  Dockerコンテナでの静的ウェブサイトレイアウトの実装

>>:  Centos7 に MySQL 8.0.23 をインストールする手順 (初心者レベル)

推薦する

Linux netstatコマンドの詳細な説明

目次Linux netstat コマンド1. TCP接続ステータスの詳細な説明2. コマンド形式3....

Linuxターミナルでファイルを作成する2つの一般的な方法を簡単に理解する

mkdir コマンドを使用して新しいディレクトリを作成できることは誰もが知っていますが、多くの場合、...

HTML タグのセマンティクス化 (H5 を含む)

導入HTML は、Web ドキュメントのコンテンツのコンテキスト構造と意味を提供します。HTML 自...

MySQL binlog_ignore_dbパラメータの具体的な使用法

序文:前の記事を読んだ後、binlog はデータベースで実行されたすべての DDL および DML ...

docker での psql データベースのバックアップとリカバリの詳細な説明

1. DockerでのPostgresデータベースのバックアップ注文: docker exec it...

Vue3 を使用してポップアップ コンポーネントをカプセル化するのは簡単ですか?

目次最初に要約: 🌲🌲 序文: 🍬🍬公開🍬🍬 🍬🍬グローバル🍬🍬 🍬🍬ボールボックス🍬🍬 🎉🎉🎉結論...

Web2.0製品と機能の簡単な紹介

<br />Web2.0とは何ですか? Web2.0にはソーシャルネットワーク製品とその...

WeChat アプレットのカスタム下部ナビゲーション バー コンポーネント

この記事の例では、WeChatアプレットの下部ナビゲーションバーコンポーネントの具体的な実装コードを...

VueのTodoListケースの詳しい説明

<テンプレート> <div id="ルート"> <...

Vue 初心者ガイド: 環境の構築と開始方法

目次初期ビューVue開発環境の構築Vueインスタンスの作成Vue テンプレート構文Vue データバイ...

CentOS 7 で Docker のポート転送をファイアウォールと互換性のあるように設定する方法

CentOS 7 では、次のようなコマンドを使用してホスト ポートをコンテナー ポートにマッピングす...

vue2 vue3 での Echarts の詳細な使用方法

目次1. インストール2. vue2でEchartsを使用するmain.jsファイル内コンテナが与え...

MySQL が uuid または snowflake id を主キーとして使用することを推奨しない理由の詳細な分析

前書き: MySQL でテーブルを設計する場合、MySQL では UUID や非連続かつ非繰り返しの...

CSS変換ページめくりアニメーションレコードの実装

ページめくりの問題のシナリオBとCは同じページ(表と裏)にありますページをめくって A をカバーした...

JavaScript オブジェクト指向クラス継承ケースの説明

1. オブジェクト指向のクラス継承これまでの章では、JavaScript のオブジェクト モデルがプ...