ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLベースタグの使い方は?ベースタグの使い方(例あり)

HTMLベースタグの使い方は?ベースタグの使い方(例あり)

寻∝梦
寻∝梦オリジナル
2018-08-27 18:44:4310969ブラウズ

この記事では主に 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ベースタグの使い方は?ベースタグの使い方(例あり)

さて、これは Base タグの使用法に関するものです。ご質問がある場合は、以下で質問してください。

【編集者のおすすめ】

HTMLベースタグの使い方は?ベースタグの使い方(例あり)

HTMLにおけるheadタグとは何を意味するのでしょうか?この記事では、head タグを正しく使用する方法を説明しています

HTML テーブルの th ヘッダー コンテンツを中央に配置するにはどうすればよいですか?ヘッダータグの align 属性の詳細な紹介

以上がHTMLベースタグの使い方は?ベースタグの使い方(例あり)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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