ベースタグとは何ですか? また、それは何をするのですか?

ベースタグとは何ですか? また、それは何をするのですか?

<base> タグは、ページ上のすべてのリンクのデフォルトのアドレスまたはデフォルトのターゲットを指定します。
通常、ブラウザは現在のドキュメントの URL から対応する要素を抽出して、相対 URL の空白を埋めます。
これを変更するには、<base> タグを使用します。ブラウザは、現在のドキュメントの URL ではなく、指定されたベース URL を使用してすべての相対 URL を解決します。これには、<a>、<img>、<link>、<form> タグ内の URL が含まれます。

テスト:

1: ベース タグの前に配置されたリンク パスは相対パスを使用でき、現在のパスを基準とします。
ただし、相対パスを使用してその後に配置されたリンクは、base で指定されたパスを基準とします。
2: base タグを使用した後、本文内のリンクの相対パスは base で指定されたパスを基準とします。
3: ベースのデフォルト ターゲットを使用した後、後で開くメソッドが明示的に定義されない限り、後続の開くメソッドは、base で指定されたメソッドで開かれます。
要約: base は実際にはデフォルトのアドレスとデフォルトのターゲットを定義します。後続のリンク要素はすべて機能します。

<<:  vue v-for ループ オブジェクトの属性

>>:  Nginx リバース プロキシから go-fastdfs へのケースの説明

推薦する

Vueのトランジションとアニメーションの深い理解

1. DOM要素を挿入、更新、または削除するときに、適切な場合は要素にスタイルクラス名を追加します。...

マウスで画像を動かすJavaScript

この記事では、マウスの動きに追従する画像を実現するためのJavaScriptの具体的なコードを参考ま...

nginx+WordPressで個人ブログを構築するプロセス全体の詳細な説明

0x00 はじめにWordPress は、世界で最も人気のある CMS システムです。PHP と M...

優れた UI (ユーザー インターフェース) デザイナーになるための 20 の道標

はじめに: インターフェイス デザイナーの Joshua Porter が自身のブログでこの記事を公...

docker-maven-pluginプラグインは対応するjarパッケージを取得できません

docker-maven-plugin プラグインを使用する場合、Maven は対応する jar パ...

CentOS6 アップグレード glibc 操作手順

目次背景glibc 2.14をコンパイルするソフトリンクを変更するやっと背景テスト環境には Cent...

MySQLログシステムの使い方に関する簡単なチュートリアル

目次序文1. エラーログ2. バイナリログ1. バイナリログを有効にする2. バイナリログ形式3. ...

クールなページング効果を実現するネイティブJS

この記事では、次のような効果を持つ JS ページング効果の例を紹介します。クールだと思いませんか? ...

sed コマンドを使用して文字列を置換する Linux チュートリアル

文字列を置き換えるには、次の形式を使用する必要があります。 $ sed s/置換対象文字列/置換文字...

IE6 ウェブページ作成リファレンス IE6 デフォルトスタイル

これは実際には IE の公式ドキュメントではありません。他の人が実践を通じて開発した IE6 のデフ...

JavaScript配列重複排除の詳細な説明

目次1. アレイ重複排除2. 配列内のオブジェクトの重複排除3. 配列内の同じフィールドに基づいて別...

n 個のコンテナ要素による無限スクロールの実装コード

シナリオ最大 10000 要素のリストを正しくレンダリングする方法。無限ドロップダウン読み込みテクノ...

JavaScript の 7 つのデータ型の詳細な説明

目次序文:詳しい紹介:練習する:要約する序文: Python、Java、Cシリーズなど、すべての主要...

JavaScript で二分探索木を実装する

JavaScriptでの検索二分木実装は参考までに。具体的な内容は以下のとおりです。バイナリ検索木 ...

HTML の相対パス (Relative Path) と絶対パス (Absolute Path) の詳細な理解

私は 1 年以上 Java Web 開発に携わっており、HTML または JSP ページの作成は避け...