html5でのbaseの使い方は何ですか？-フロントエンドQ&A-php.cn

ホームページ

ウェブフロントエンド

フロントエンドQ&A

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

藏色散人

Feb 03, 2023 am 10:13 AM

html5 base

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 サイトの他の関連記事を参照してください。

このウェブサイトの声明

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