HTMLベースタグの使い方は？ HTMLベースタグの使い方まとめ-htmlチュートリアル-php.cn

HTMLベースタグの使い方は？ HTMLベースタグの使い方まとめ

寻∝梦

リリース： 2018-09-05 11:39:12

オリジナル

4134 人が閲覧しました

この記事ではHTMLベースタグの使い方を中心に紹介し、HTMLベースタグの具体的な使用例も分析していきます

まずはお互いのことを知りましょう。 .html ベースタグ:

タグは、ページ上のすべてのリンクのデフォルトのアドレスまたはデフォルトのターゲットを指定します。

通常、ブラウザは現在のドキュメントの URL から対応する要素を抽出して、相対 URL のギャップを埋めます。

これを変更するには、タグを使用します。ブラウザは現在のドキュメントの URL を使用しなくなり、指定されたベース URL を使用してすべての相対 URL を解決します。これには、、 HTMLベースタグの使い方は？ HTMLベースタグの使い方まとめ、、

注: タグは head 要素内に配置する必要があります。

HTML ベースタグ属性の紹介もあります:

HTMLベースタグの使い方は？ HTMLベースタグの使い方まとめ

では、例を見てみましょう:

<head>
<base href="http://www.php.cn/" />
<base target="_blank" />
</head>
<body>
<img  src="eg_smile.gif" / alt="HTMLベースタグの使い方は？ HTMLベースタグの使い方まとめ" >
<a href="http://www.php.cn">PHP中文网</a>
</body>

ログイン後にコピー

これらのコードの効果をご存知ですか?次に、ブラウザで実際の効果を見てみましょう:

HTMLベースタグの使い方は？ HTMLベースタグの使い方まとめ

正しい画像パスを入力しなかったため、これが表示される効果です。正しいパスを入力して確認してください。

それでは、HTML ベースタグの使用法を見てみましょう:

ベースタグは、ベースリンクタグと単一タグです。ドキュメント内のすべてのリンクタグのパラメータのデフォルト値を変更するために使用されます。これは、タグとの間にのみ適用できます。

Web ページ上のすべての相対パスの前には、リンク時にベースリンクが指すアドレスが付加されます。

base 要素は、ページ内のすべてのリンクのベース URL を指定できます

タグの href 属性を使用して、すべての「相対ベース URL」を設定できます。

これは JSP 側のコードです

HTML ファイルでタグを使用します:

コードは次のとおりです:

<%
String path = request.getContextPath();
// 获得项目完全路径（假设你的项目叫myWork，那么获得到的地址就是 http://localhost:12138/myhtml/）:
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
// 将 "项目路径basePath" 放入pageContext中
%>
<html>
<head>
<base href=" <%=basePath%>">
//base只能应用于标记<head>与</head>之间
</head>
// 这里我们就可以直接使用相对路径(即: 相对于base标签)
<a href="jsp/login.jsp">Login </a>
</html>

ログイン後にコピー

上記の JSP コードを実行すると、ブラウザで表示できます。、彼がクライアントに返した HTML コード:

上記の JSP を実行した後、返された HTML コードは次のとおりです:

<html>
<head>
<base href="http://localhost:12138/myhtml/">
</head>
//设置了<base>后，相对路径，相对于的就是base中的路径，而不再是浏览器地址的请求路径啦~~~
<a href="jsp/login.jsp">Login </a>
</html>

ログイン後にコピー

JSP によって返された HTML コードにはコンテンツ。

つまり、この HTML ファイルで発生するすべての「相対リンク (例: )」は、ベース (例: http ://) に対する相対パスです。 localhost:12138/myhtml/)

さて、上記はこの記事での HTML ベースタグの使い方の紹介です (HTML の知識をさらに知りたい場合は、PHP 中国語 Web サイトへようこそhtml ビデオチュートリアル)。質問は以下から質問できます。

HTMLでlabelタグの高さを設定するには？ラベルラベルの使い方のご紹介

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