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 をインストールする手順 (初心者レベル)

推薦する

相同性とクロスドメイン、jsonp(関数カプセル化)、CORS原則の詳細な分析

目次同一起源ポリシーAjax リクエストの制限: Ajaxは自身のサーバーにのみリクエストを送信でき...

Vue 仮想 DOM の問題について

目次1. 仮想DOMとは何ですか? 2. 仮想 DOM が必要な理由3. 仮想DOMはどのようにして...

HTMLメタの大きな役割

メタ属性には、name と http-equiv の 2 つがあります。 name 属性は主に、We...

MySQL ジョイントテーブルクエリの簡単な例

MySql は結合テーブルクエリを使用しますが、初心者には理解しにくい場合があります。以下の記事では...

デザイナーはコーディングを学ぶ必要がありますか?

多くの場合、 Web デザインが完成した後でデザイナーの無知が露呈し、批判されることがあります。彼ら...

CSS3 でシンプルな白い雲が浮かぶ背景効果を実現

これは非常にシンプルな純粋な CSS3 の白い雲の浮遊する背景効果です。浮かぶ白い雲の特殊効果は、C...

Angularコンポーネント投影の詳細な説明

目次概要1. 簡単な例1.サブコンポーネントの<ng-content>ディレクティブを使...

jQueryカルーセル機能を実装する方法

この記事では、jQueryカルーセル機能の実装コードを参考までに共有します。具体的な内容は次のとおり...

JavaScript イベントバブリング、イベントキャプチャ、イベント委任の詳細な説明

1. イベントバブリング: JavaScript イベント伝播のプロセスでは、要素でイベントがトリガ...

CSS ピックアップ矢印、カタログ、アイコン実装コード

1. CSS その他のアイコンアイコンを作成するには 3 つの方法があります。写真css (小さな矢...

Ubuntu 14 に Nginx-RTMP ストリーミング サーバーをインストールするチュートリアル

1. RTMP RTMP ストリーミング プロトコルは、Adobe が開発したリアルタイムのオーディ...

Webpackプラグインを書いてnpmに公開するための80行のコード

1. はじめに最近、 Webpackの原理を勉強しています。これまでは Webpack の設定方法し...

Javascriptの基本を詳しく説明

目次変数データ型拡張ポイント要約する変数基本的な構文 var age=10; //ageという変数を...

CentOS7 環境での DHCP 設定チュートリアル

目次CentOS7環境での設定コマンド手順1. DHCP設定ファイルを設定する2. グローバル構成を...

この SQL 書き込み方法では本当にインデックスが失敗するのでしょうか?

序文インターネット上には、MySQL でインデックスにヒットできないさまざまな状況をまとめた記事がよ...