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

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

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

例: bbb.
html link

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

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

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

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

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

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

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

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

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

関連書籍:

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

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

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