ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLベースタグの使い方は？ HTMLベースタグの使い方まとめ
HTMLベースタグの使い方は？ HTMLベースタグの使い方まとめ
- 寻∝梦オリジナル
- 2018-09-05 11:39:124135ブラウズ
この記事ではHTMLベースタグの使い方を中心に紹介し、HTMLベースタグの具体的な使用例も分析していきます
まずはお互いのことを知りましょう。 .html ベース タグ:
通常、ブラウザは現在のドキュメントの URL から対応する要素を抽出して、相対 URL のギャップを埋めます。
これを変更するには、、、
注:
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 ベース タグの使用法を見てみましょう:
ベース タグは、ベース リンク タグと単一タグです。ドキュメント内のすべてのリンク タグのパラメータのデフォルト値を変更するために使用されます。これは、タグ
と の間にのみ適用できます。Web ページ上のすべての相対パスの前には、リンク時にベース リンクが指すアドレスが付加されます。
base 要素は、ページ内のすべてのリンクのベース 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 inputタグの属性とは何ですか？ inputタグの使い方まとめ（例あり）
HTMLでlabelタグの高さを設定するには？ラベルラベルの使い方のご紹介
以上がHTMLベースタグの使い方は？ HTMLベースタグの使い方まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。