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

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

<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 へのケースの説明

推薦する

CentOS 8 に MariaDB をインストールするための詳細なチュートリアル

MariaDB データベース管理システムは MySQL のブランチであり、主にオープンソース コミュ...

Vue Router の 10 の高度なヒントのまとめ

序文Vue Router は、Vue.js の公式ルーティング マネージャーです。 Vue.js の...

MySQL データベースの操作とデータ型

目次1. データベース操作1.1 データベースの表示1.2 データベースを作成する1.3 データベー...

Vue でルートをジャンプする方法をご存知ですか?

目次最初の方法: router-link (宣言型ルーティング) 2番目の方法: router.pu...

Vue はアップロードされた画像に透かしを追加する機能を実装します

この記事では、Vueでアップロードされた画像に透かしを追加する具体的な実装コードを参考までに共有しま...

JS オブジェクトのコピー (ディープ コピーとシャロー コピー)

目次1. 浅いコピー1. Object.assign(ターゲット、ソース、ソース...) 2. スプ...

HTML におけるベースタグの使用に関する詳細な説明

requireJS には、baseURL というプロパティがあります。baseURL を設定すること...

Docker-compose チュートリアルのインストールとクイックスタート

目次1. Compose の紹介2. ComposeとDockerの互換性3. Dockerをインス...

Linux で PHP を 5.6 にアップグレードする実用的な方法

1: ターミナルに入ったらPHPのバージョンを確認する php -v出力は次のようになります。 PH...

ReactとAntdのFormコンポーネントを組み合わせてログイン機能を実装する方法を詳しく説明します

目次1. ReactとAntdを組み合わせてログイン機能を実現2. ReactとAntdを組み合わせ...

Linux で見つけるためのフレンドリーな代替手段 (fd コマンド)

fd コマンドは、Linux ファイル システムを検索するためのシンプルで簡単な方法を提供します。...

Linux カーネル デバイス ドライバー Linux カーネル 基本メモの概要

1. Linuxカーネルドライバモジュールの仕組み静的ロードでは、ドライバモジュールをカーネルにコン...

Vue 大画面データ表示例

効率的に要件を満たし、コンポーネント ライブラリの肥大化や車輪の再発明を避けるために、私は以前、大画...

MySQL 8.0.12 簡単インストールチュートリアル

この記事では、MySQL 8.0.12のインストールチュートリアルを参考までに紹介します。具体的な内...

Linux でリモート サーバー ファイルの状態を表示する方法

以下のように表示されます。 test コマンドはファイルが存在するかどうかを判断します。 ssh u...