ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLでベースタグへの相対パスを記述するにはどうすればよいですか? (使用説明書が付属しています)
HTMLでベースタグへの相対パスを記述するにはどうすればよいですか? (使用説明書が付属しています)
- 寻∝梦オリジナル
- 2018-08-27 19:12:554842ブラウズ
この記事では主にHTMLでのbaseタグの相対パスの使い方について説明しています。使用例も載せていますので、一緒に見ていきましょう
まず、baseの相対パスの内容について説明します。 HTML のタグ:
HTML の基本タグは相対パスの問題を解決します
問題は、ポータル システムが常に相対パスを使用しており、ホームページ上の多くのリンク (CSS、JS を含む) であることです。 、写真など）は相対パスです。ポータル システム上で問題を解決する方法はありません。相対パスのみを使用できます。
カップはこちら、href="news/2014/05/25/1234.html" およびこのようなリンクは http://www.111cn.net /news/2014/05/25/1234.html になりました。フルパスであり、このパスは nginx のポータル システムとして認識できません (nginx は /portal を介して一致します)。
これは、ブラウザーが現在のドキュメントの URL を抽出して、HTML ドキュメント内のすべてのリンクの相対パスを埋めるためです。
突然 HTML のベース タグを思い出しました。W3C の説明を見てみましょう:
dde6fb694e6711ae5e6f381704c04ae4 は、ページ上のすべてのリンクのデフォルト アドレスまたはデフォルト ターゲットを指定します。
通常、ブラウザは現在のドキュメントの URL から対応する要素を抽出して、相対 URL のギャップを埋めます。
これを変更するには、dde6fb694e6711ae5e6f381704c04ae4 タグを使用します。ブラウザは現在のドキュメントの URL を使用しなくなり、指定されたベース URL を使用してすべての相対 URL を解決します。これには、3499910bf9dac5ae3c52d5ede7383485、a1f02c36ba31691bcfe87b2722de723b、2cdf5bf648cf2f33323966d7f58a7f3f、ff9c23ada1bcecdd1a0fb5d5a0f18437 タグ内の URL が含まれます。
HTMLでのベースタグの使用例:
<head> <base href="http://www.php.cn/i/" /> <base target="_blank" /> </head> <body> <img src="eg_smile.gif" /> <a href="http://www.php.cn">W3School</a> </body>
問題は解決しました。
注: 記事で使用されているドメイン名は本物ですが、パスが見つかりません。
基本タグを動的に記述しないことをお勧めします。そうしないと、Firefox と IE に小さなバグが発生します。たとえば、http://localhost/static/test.html のページの場合:
html の使用例。ベースタグ:
<html> <head> <script> document.write('<base href="http://localhost/" />'); </script> </head></p> <p><body> <img src="static/1.jpg" /> </body> </html>
ベースタグはベースリンクタグであり、単一のタグです。ドキュメント内のすべてのリンク タグのパラメータのデフォルト値を変更するために使用されます。これは、タグ
と の間にのみ適用できます。相対パスを取得するには、HTML で dde6fb694e6711ae5e6f381704c04ae4 タグを使用します: (絶対パスはサポートされていません)
以下は、HTML での dde6fb694e6711ae5e6f381704c04ae4 の概要です:
base 要素では、以下を指定できます。ページ内のすべてのリンク ベース URL
デフォルトでは、ページ内のリンク (スタイル シート、スクリプト、画像のアドレスを含む) は、現在の
ページのアドレス (つまり、ブラウザーのリクエスト URL) を基準としています。アドレスバー）。
dde6fb694e6711ae5e6f381704c04ae4 タグの href 属性を使用して、すべての「相対ベース URL」を設定できます。
上記はどういう意味ですか?コードを見てみましょう~~
これは JSP 側のコードであり、以下のコードです (上記の「方法 1」の JSP コードに非常によく似ています)
しかし、ここではそうではありません${pageScope.basePath}+” "相対パス アドレス" メソッドを使用すると、
HTML ファイルで f6e969d52273a7098ae33feeb6ffbb39 タグとは何ですか? htmlのpタグの定義と機能を詳しく解説
以上がHTMLでベースタグへの相対パスを記述するにはどうすればよいですか? (使用説明書が付属しています)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。