コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > フロントエンドQ&A > html5でのbaseの使い方は何ですか？

html5でのbaseの使い方は何ですか？

藏色散人
リリース： 2023-02-03 10:13:26
オリジナル
1796 人が閲覧しました

HTML5 のベース タグの機能は、ページ上のすべての相対リンクのデフォルト URL またはデフォルト ターゲットを指定することです。ドキュメント内では、最大 1 つの 要素を使用できます。 要素内での使用法は次のようになります: "

"。

html5でのbaseの使い方は何ですか？

このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、DELL G3 コンピューター

base の使用方法についてhtml5では？

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

ドキュメント内では、最大 1 つの 要素を使用できます。 タグは 要素内になければなりません。

ヒント: ヘッド領域の他の要素が 要素内の情報を使用できるように、 タグを 要素の最初の要素として配置してください。

注: タグを使用する場合は、href 属性、target 属性、または両方の属性が必要です。

例

ページ上のすべてのリンクのデフォルト URL とデフォルト ターゲットを指定します: 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title></title>
<base href="//www.w3cschool.cn/statics/images/w3c/" target="_blank">
</head>
<body>

<p><img src="logo.png" > - 注意这里我们设置了图片的相对地址。能正常显示是因为我们在 head 部分设置了 base 标签，该标签指定了页面上所有链接的默认 URL，所以该图片的访问地址为 "https://www.w3cschool.cn/statics/images/w3c/logo.png"</p>

<p><a href="logo.png">w3cschool logo</a> - 注意这个链接会在新窗口打开，即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。</p>

</body>
</html>
ログイン後にコピー

推奨学習: 「HTML ビデオ チュートリアル」 》

以上がhtml5でのbaseの使い方は何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
html5 base
ソース：php.cn
前の記事：html5入力で入力を禁止する方法 次の記事：HTML5の日付スタイルを変更する方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
ページのメインディスプレイに画像を表示するにはどうすればよいですか? 私がやりたいのは、NASAAPI を使用して写真を受信することです。これらの写真は、マイページのサムネイルとメインディスプレイに表示されます。コードがサムネイルから画像を取得してペ...
から 2024-04-06 15:33:12
0
1
433
PDF ファイルは HTML5 と JavaScript を実行できますか? PDF に埋め込まれるため、どのコンピュータでもブロックされないプログラムを作成してみようという愚かな考えがあります (JavaScript は PDF 内で実行できると聞きました...
から 2024-04-05 12:57:00
0
1
456
HTML5 の enctype と formenctype の違いは何ですか? HTMLLivingStandard (別名、新しい HTML5 仕様) の属性 enctype と formenctype の違いは何でしょうか?私は HTML Standard...
から 2024-04-02 11:47:56
0
1
275
ページをモバイル対応にしますか? たくさんの Web ページといくつかの Web サイトがあります。問題は、私は初心者だということです。基本的な html5 と css3 を使用していますが、それらをスケールアップ...
から 2024-04-01 20:42:38
0
1
259
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート