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

ホームページ

ウェブフロントエンド

htmlチュートリアル

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

寻∝梦

Sep 05, 2018 am 11:39 AM

basehtml

この記事では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="/static/imghwm/default1.png"  data-src="eg_smile.gif"  class="lazy"   / 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 サイトの他の関連記事を参照してください。

声明

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

HTML：それはプログラミング言語か何か他のものですか？Apr 15, 2025 am 12:13 AM

htmlisnotaprogramminglanguage; itisamarkuplanguage.1）htmlStructuresandformatswebcontentusingtags.2）ItworkswithcsssssssssdjavascriptforInteractivity、強化を促進します。

HTML：Webページの構造の構築Apr 14, 2025 am 12:14 AM

HTMLは、Webページ構造の構築の基礎です。 1。HTMLは、コンテンツ構造とセマンティクス、および使用などを定義します。タグ。 2. SEO効果を改善するために、などのセマンティックマーカーを提供します。 3.タグを介したユーザーの相互作用を実現するには、フォーム検証に注意してください。 4. JavaScriptと組み合わせて、動的効果を実現するなどの高度な要素を使用します。 5.一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれ、検証ツールが必要です。 6.最適化戦略には、HTTP要求の削減、HTMLの圧縮、セマンティックタグの使用などが含まれます。

テキストからウェブサイトへ：HTMLの力Apr 13, 2025 am 12:07 AM

HTMLは、Webページを構築するために使用される言語であり、タグと属性を使用してWebページの構造とコンテンツを定義します。 1）htmlは、などのタグを介してドキュメント構造を整理します。 2）ブラウザはHTMLを分析してDOMを構築し、Webページをレンダリングします。 3）マルチメディア関数を強化するなど、HTML5の新機能。 4）一般的なエラーには、閉じられていないラベルと引用されていない属性値が含まれます。 5）最適化の提案には、セマンティックタグの使用とファイルサイズの削減が含まれます。

HTML、CSS、およびJavaScriptの理解：初心者向けガイドApr 12, 2025 am 12:02 AM

webdevelopmentReliesOnhtml、css、andjavascript：1）htmlStructuresContent、2）cssStylesit、および3）Javascriptaddsinteractivity、形成、

HTMLの役割：Webコンテンツの構造Apr 11, 2025 am 12:12 AM

HTMLの役割は、タグと属性を使用してWebページの構造とコンテンツを定義することです。 1。HTMLは、読みやすく理解しやすいようなタグを介してコンテンツを整理します。 2。アクセシビリティとSEOを強化するには、セマンティックタグなどを使用します。 3. HTMLコードの最適化により、Webページの読み込み速度とユーザーエクスペリエンスが向上する可能性があります。