HTMLベースタグ
- 24-07-2022
- Trung Minh
- 0 Comments
この記事では、ブラウザが不完全なURLを自動的に追加するWebページのURL宣言タグであるHTMLベースタグについて学習します。
1. HTMLのベースタグは何ですか?
ベースタグは、HTMLドキュメント内のすべての関連URLのベースURLを設定します。
HTMLドキュメントにはベースタグが1つだけあり、ヘッドタグ内にある必要があります。構文は次のとおりです。
<base href="http://localhost/test/images/" target="_blank">
ここで、href属性はURL宣言であり、ターゲットはリダイレクト方法を宣言します。
この属性は、HTMLドキュメントのURLがドメインまたはドメインのルートディレクトリを指定していない場合に役立ちます。
例:すべてのCSSおよびJSデータをdomain.com/public
ディレクトリに配置します。ここで、次のようにベースURLを宣言する必要があります。
https://domain.com/public/
CSSの場合、JSファイルは次のようになります。
<link href="style.css" rel="stylesheet"/>
ブラウザは、style.cssファイルがパブリックフォルダにあることを理解します。
2.HTMLでベースタグを使用する方法
たとえば、baseタグを使用して、すべてのURLをimagesフォルダーから開始するように設定します。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <base href="http://localhost/test/images/" target="_blank"> </head> <body> <h1>Học lập trình miễn phí tại freetuts.net</h1> <img src="test.jpg" width="24" height="39" alt="Stickman"> </body> </html>
ベースタグの属性:
- href-ベースパス。HTMLドキュメント内の関連するすべてのURLの開始場所になります。
- hreftarget-ハイパーリンクとページはめ込みフォームのデフォルトのターゲットを指定します。
ブラウザのサポート:
- クロム
- Firefox
- IE
- サファリ
- オペラ