HTMLa タグの href 属性は、相対パスと絶対パスの使用方法を指定します。

今回はHTMLaタグのhref属性を使って相対パスと絶対パスを指定する方法をお届けします HTMLaタグのhref属性を使って相対パスと絶対パスを指定する場合の注意点は以下の通りです。実際のケースを見てみましょう。 実際のWeb開発では、CSSファイルなどを含む画像を挿入する際にパスが必要となります。ファイルパスを誤って追加すると、

参照

が無効になってしまいます（リンク先のファイルが閲覧できなくなったり、挿入した画像が表示できない等）。多くの初心者が混乱するでしょう。ここでは相対パスと絶対パスについて詳しく説明します。 HTML 相対パス は、このファイルが配置されているパスによって生じる他のファイル (またはフォルダー) とのパス関係を指します。 例:

文件1.htm的绝对路径是：d:/www/html/1.htm
文件2.htm的绝对路径是：d:/www/html/2.htm
那么：1.htm相对于2.htm的路径就是：1.htm

相対リンクの使用方法:
同じディレクトリにリンクする場合は、リンクするドキュメントの名前を入力するだけです。例:

<a href =”1 htm”>网页链接 </a>  
<img src=”bg.jpg” />

下位ディレクトリにリンクする場合は、レベルのディレクトリでは、最初にディレクトリ名を入力し、次に「/」を追加してからファイル名を入力する必要があります。例:

<a href =”html/ next.htm”>  
<img src=”images/bg.jpg” />

上位レベルのディレクトリに接続する場合は、「../」を入力する必要があります。まず、ディレクトリ名とファイル名を入力します。例:

<a href = “．．/ www/index.htm”>

例の概要

现在有4个html文件分别是aaa.html bbb.html ccc.html index.html
aaa.html的路径为：D:/www/adminwang/html/aaa.html
bbb.html的路径为：D:/www/adminwang/ bbb.html
ccc.html的路径为：D:/www/ ccc.html
index.html的路径为D:/www/ index.html

1. 同じディレクトリ内のファイルをリンクします

たとえば、ccc.html ファイルのリンクindex.html コードは次のとおりです。

<a href="index.html">链接index网页</a>

2. 前のディレクトリにあるファイルをリンクします

例: bbb.
html link

ccc.html コードは次のとおりです:

<a href="../ccc.html">链接ccc网页</a>

3. 上の 2 レベルのディレクトリにあるファイルをリンクしますたとえば、 aaa.html を ccc.html にリンクするコードは次のとおりです:

<a href=”../../ccc.html”>链接ccc网页</a>

4. 下位レベルのディレクトリにあるファイルをリンクする

たとえば、ccc.html を bbb.html にリンクするコードは次のとおりです:

<a href="adminwang/bbb.html">链接bbb网页</a>

5. 2 レベルのディレクトリ内のファイル

たとえば、aaa.html をリンクする ccc.html のコードは次のとおりです:

<a href="adminwang/html/aaa.html">链接aaa网页</a>

HTML 絶対パス

該当するプロトコルまたはドライブ文字を含む、ファイルに指定されたフル パス。つまり、ハードディスク上のホームページ上のファイルまたはディレクトリの実際の完全パスです。例:

http://www.adminwang.com/index.htm
d:/ www /html/images/bg.jpg

相対パスをマスターすれば、絶対パスは非常に簡単です。

これらの事例を読んだ後は、その方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:

HTML テキストの書式設定の詳細な例

HTML で頻繁に使用されるタグのまとめ

HTML 編集の基本 (初心者必読)

以上がHTMLa タグの href 属性は、相対パスと絶対パスの使用方法を指定します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。