ホームページ >ウェブフロントエンド >htmlチュートリアル >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 タグHTML
さて、これは Base タグの使用法に関するものです。ご質問がある場合は、以下で質問してください。
【編集者のおすすめ】HTMLにおけるheadタグとは何を意味するのでしょうか?この記事では、head タグを正しく使用する方法を説明しています HTML テーブルの th ヘッダー コンテンツを中央に配置するにはどうすればよいですか?ヘッダータグの align 属性の詳細な紹介
以上がHTMLベースタグの使い方は?ベースタグの使い方(例あり)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。