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

ホームページ

ウェブフロントエンド

htmlチュートリアル

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

寻∝梦

Aug 27, 2018 pm 07:12 PM

basehtml

この記事では主に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 を解決します。これには、、 HTMLでベースタグへの相対パスを記述するにはどうすればよいですか? (使用説明書が付属しています) 、、

HTMLでのベースタグの使用例:

<head>
<base href="http://www.php.cn/i/" />
<base target="_blank" />
</head>
<body>
<img  src="/static/imghwm/default1.png"  data-src="eg_smile.gif"  class="lazy"   / alt="HTMLでベースタグへの相対パスを記述するにはどうすればよいですか? (使用説明書が付属しています)" >
<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/imghwm/default1.png"  data-src="static/1.jpg"  class="lazy"   / alt="HTMLでベースタグへの相対パスを記述するにはどうすればよいですか? (使用説明書が付属しています)" >
</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 サイトの他の関連記事を参照してください。

声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

Web開発にとってHTML属性が重要なのはなぜですか？May 12, 2025 am 12:01 AM

htmlattributesarecrucialinwebdevevermentmentmentmentmentmentmentmention behavior、like、andfunctionality.theyenhance -interactivity、accessibility、andseo.forexample、thesrcattribute intagsimpactsseo

Alt属性の目的は何ですか？なぜそれが重要なのですか？May 11, 2025 am 12:01 AM

ALT属性は、HTMLのタグの重要な部分であり、画像の代替テキストを提供するために使用されます。 1.画像をロードできない場合、ALT属性のテキストが表示され、ユーザーエクスペリエンスが向上します。 2。スクリーンリーダーは、ALT属性を使用して、視覚障害のあるユーザーが写真の内容を理解するのに役立ちます。 3. ALT属性のEnginesインデックステキストを検索して、WebページのSEOランキングを改善します。

HTML、CSS、およびJavaScript：例と実用的なアプリケーションMay 09, 2025 am 12:01 AM

Web開発におけるHTML、CSS、およびJavaScriptの役割は次のとおりです。1。HTMLは、Webページ構造の構築に使用されます。 2。CSSは、Webページの外観を美化するために使用されます。 3. JavaScriptは、動的な相互作用を実現するために使用されます。タグ、スタイル、スクリプトを通じて、これら3つは最新のWebページのコア関数を構築します。

Lang属性をタグにどのように設定しますか？なぜこれが重要なのですか？May 08, 2025 am 12:03 AM

タグのLang属性を設定することは、WebアクセシビリティとSEOを最適化する重要なステップです。 1）ラング属性をタグに設定します。 2）多言語コンテンツでは、ようなさまざまな言語パーツのLang属性を設定します。 3）「EN」、「FR」、「ZH」などのISO639-1標準に準拠する言語コードを使用します。Lang属性を正しく設定すると、Webページと検索エンジンランキングのアクセシビリティが向上します。

HTML属性の目的は何ですか？May 07, 2025 am 12:01 AM

htmlattributeSareSientionalentionalentionalentionalentiallyance'functionalityandappearance.theyaddinformationtodefinebehavior、light、and interaction、makewebsitesteractive、responsive、andviseallyappaleal.attributeslikesrc、href、class、型、およびdoadabledransform

HTMLでリストを作成するにはどうすればよいですか？May 06, 2025 am 12:01 AM

toreatealistinhtml、useforunorderedlistsandfororderedlists：1）forunorderedlists、wrapitemsinanduseforeachitem、renderingasabulletedlist.2）

HTMLアクション：Webサイト構造の例May 05, 2025 am 12:03 AM

HTMLは、明確な構造のWebサイトを構築するために使用されます。 1）Webサイト構造などのタグを使用し、定義します。 2）例は、ブログとeコマースのウェブサイトの構造を示しています。 3）誤ったラベルネスティングなどの一般的な間違いを避けてください。 4）HTTP要求を削減し、セマンティックタグを使用してパフォーマンスを最適化します。

HTMLページに画像を挿入するにはどうすればよいですか？May 04, 2025 am 12:02 AM

to inertanimageintoanhtmlpage、usethetagwithsrcandaltattributes.1）usealttextforaccessibilityandseo.2）emplencesrcsetForresponsiveimages.3）applylazyloadingwithloading = "lazy" tooptimizeperformance.4）

See all articles

ホットAIツール

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

脱衣画像を無料で

Clothoff.io

AI衣類リムーバー

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

WebStorm Mac版

便利なJavaScript開発ツール

SublimeText3 中国語版

中国語版、とても使いやすい

mPDF

mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。