HTMLベースタグの使い方は？ベースタグの使い方（例あり）-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTMLベースタグの使い方は？ベースタグの使い方（例あり）

寻∝梦

Aug 27, 2018 pm 06:44 PM

base html

この記事では主に HTML の Base タグの使用例を紹介します。 . 今日はこちらのラベルをご紹介します。最後に、HTML ベースタグにはもう 1 つの利点があります。次に、一緒に記事を読んでみましょう

この記事の冒頭では、HTML の使い方を紹介します。

<header>
<!-- <base> 标签为页面上的所有链接规定默认地址或默认目标。 -->
<base href = "${pageContext.request.contextPath}/" />
<base target = "_blank" />
</header>

ログイン後にコピー

この方法で使用する利点は、ページ内のすべてのリンクが相対パスを使用している場合、現在のドキュメントの URL を使用する代わりに、ベースタグで指定されたアドレスがベースアドレスとして使用されることです。次のように:

<a href = "index.jsp" />

ログイン後にコピー

< here ;a> タグで使用される相対パスは ${pageContext.request.contextPath}/index.jsp; に相当し、このリンクはベースタグに設定されたターゲットで開かれます。ベースタグの href 属性を使用したい場合は、パスが / で終わる必要があることに注意してください。そうでない場合、パスは効果がありません。

2. aタグ内でbaseタグを使用する方法:

ページ上に複数のaタグが存在する可能性があるため、冗長性を排除するために複数のターゲットがあります。したがって、base タグを使用して、すべての a の開いているジャンプリンクを指定することができます。

HTMLベースタグの使用方法:

headタグにを追加します。

baseタグは全てのaタグに対して機能しますが、baseタグの対象とaタグが同時に存在する場合はaタグの対象が有効になります。そうは言っても、例を見てみましょう:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>base-href实验1：不设置base标签</title>
</head>
<body>
<a href="#">这是一个href属性为空的链接</a>
<br>
<a href="http://www.php.cn">这是一个href属性的绝对路径，前往http://www.php.cn，PHP中文网的链接</a>
<br>
<a href="test.html">这是一个href属性设置为相对路径（test.html）的链接</a>
</body>
</html>

ログイン後にコピー

はブラウザに次のように表示されます:

HTML タグでは、すべての相対 URL のデフォルトのアドレスとデフォルトの属性を指定できます。ページ。浅いディレクトリと小さな構造を持つサイトの場合、はあまり役に立ちませんが、深くネストされたディレクトリを持つサイトの場合、タグはページに重点を置き、URL を短くするのに役立ちます。なぜなら、はサイトの最適化に役立つからです。

HTML について: HTMLベースタグの使い方は？ベースタグの使い方（例あり）