HTMLでベースタグへの相対パスを記述するにはどうすればよいですか? (使用説明書が付属しています)-htmlチュートリアル-php.cn

HTMLでベースタグへの相対パスを記述するにはどうすればよいですか? (使用説明書が付属しています)

寻∝梦

リリース： 2018-08-27 19:12:55

オリジナル

4767 人が閲覧しました

この記事では主に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 の説明を見てみましょう:

は、ページ上のすべてのリンクのデフォルトアドレスまたはデフォルトターゲットを指定します。

通常、ブラウザは現在のドキュメントの URL から対応する要素を抽出して、相対 URL のギャップを埋めます。

これを変更するには、タグを使用します。ブラウザは現在のドキュメントの URL を使用しなくなり、指定されたベース URL を使用してすべての相対 URL を解決します。これには、、、、

タグ内の 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(&#39;<base href="http://localhost/" />&#39;);
</script>
</head></p> <p><body>
<img src="static/1.jpg" />
</body>
</html>

ログイン後にコピー

ベースタグはベースリンクタグであり、単一のタグです。ドキュメント内のすべてのリンクタグのパラメータのデフォルト値を変更するために使用されます。これは、タグとの間にのみ適用できます。

相対パスを取得するには、HTML でタグを使用します: (絶対パスはサポートされていません)

以下は、HTML でのの概要です:

base 要素では、以下を指定できます。ページ内のすべてのリンクベース URL

デフォルトでは、ページ内のリンク (スタイルシート、スクリプト、画像のアドレスを含む) は、現在の

ページのアドレス (つまり、ブラウザーのリクエスト URL) を基準としています。アドレスバー）。

タグの href 属性を使用して、すべての「相対ベース URL」を設定できます。

上記はどういう意味ですか?コードを見てみましょう~~

これは JSP 側のコードであり、以下のコードです (上記の「方法 1」の JSP コードに非常によく似ています)

しかし、ここではそうではありません${pageScope.basePath}+” "相対パスアドレス" メソッドを使用すると、

HTML ファイルでタグが使用されるようになります:

<html>
<head>
<base href="http://localhost:8080/MyApp/">
</head>
<!-- // 设置了 <base>后，相对路径，相对于的就是base中的路径，而不再是浏览器
地址的请求路径啦~~~  -->
<a href="jsp/login.jsp">Login </a>
</html>

ログイン後にコピー

[編集者推奨]

head タグとは何ですかHTML とはどういう意味ですか? head タグの正しい使い方を説明する記事です

html

タグとは何ですか? htmlのpタグの定義と機能を詳しく解説

以上がHTMLでベースタグへの相対パスを記述するにはどうすればよいですか? (使用説明書が付属しています)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。