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

推薦する

問題におけるJS演算子の調査

問題は、誰もが「メモリ リーク」について知っていることです。一般的なシナリオはいくつかあります。クロ...

Linux環境変数の設定に関する完全なガイド

Linux環境変数の設定ソフトウェアのインストールをカスタマイズする場合、多くの場合、環境変数を設定...

Tomcat で複数の war パッケージを展開する方法と手順

1 背景JDK1.8-u181とTomcat8.5.53がインストールされました。インストール後、環...

モバイル Web アプリ上の画像が鮮明ではなく、非常にぼやけているのはなぜですか?

なぜ?最も簡単に言えば、ピクセルは均等ではないということです。携帯電話に表示される写真はとても繊細に...

vscodeで保存した後のHTML自動フォーマットの問題を解決する

vsCode のバージョンは最近更新され、現在のバージョン番号は 1.43 です。実際、vsCode...

MySQL で置換操作を使用したときにデータ損失が発生する問題の解決策

序文同社の開発者は、データの更新時に replace into ステートメントを使用していました。不...

MySQLはbinlogを通じてデータを復元する

目次MySQL ログファイルバイナリログBinlogログがオンになっていますログ記録を有効にする方法...

Windows 10 で MySQL 8.0.12 の解凍バージョンをインストールして構成する方法 (グラフィック チュートリアル付き)

この記事では、MySQL 8.0.12 の解凍版のインストールと設定方法を記録し、皆様と共有します。...

Vueプロジェクトがグラフィック検証コードを実装

この記事の例では、グラフィック検証コードを実装するためのVueプロジェクトの具体的なコードを参考まで...

非常に実用的なTomcat起動スクリプトの実装方法

序文セキュリティ上の理由から、会社が Linux サーバーへのすべてのログインにセキュリティ制限を課...

数百万のデータに対して MySQL クエリを最適化する 4 つの方法

目次1. 時間が経つにつれて限界が遅くなる理由2. 百万データシミュレーション1. 従業員テーブルと...

Windows Server 2008 のサーバー パフォーマンス監視に関するチュートリアル

次に、ログ管理、ログのアーカイブ、ログのトラブルシューティング、イベントの転送と収集のためのコンピュ...

ローカルの Windows リモート デスクトップから Alibaba Cloud Ubuntu 16.04 サーバーに接続する方法

ローカル Windows リモート デスクトップが Alibaba Cloud Ubuntu 16....

MySQL インデックスの左端原則のサンプルコード

序文最近、MySQL のインデックスについて読んでいました。結合されたインデックスを見ると、左端の原...

テーブルパーティションとパーティション分割とは何ですか?MySqlデータベースパーティションとテーブルパーティション分割方法

1. テーブルとパーティションを分割する必要があるのはなぜですか?日常の開発では、大きなテーブルに遭...