ホームページ ウェブフロントエンド フロントエンドQ&A html5でのbaseの使い方は何ですか?

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 までご連絡ください。

ホットAIツール

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

H5の理解:意味と重要性 H5の理解:意味と重要性 May 11, 2025 am 12:19 AM

H5はHTML5、HTMLの5番目のバージョンです。 HTML5は、Webページの表現力と相互作用を向上させ、セマンティックタグ、マルチメディアサポート、オフラインストレージ、キャンバス描画などの新しい機能を導入し、Webテクノロジーの開発を促進します。

HTML5の重要な目標:Web開発とユーザーエクスペリエンスの向上 HTML5の重要な目標:Web開発とユーザーエクスペリエンスの向上 May 14, 2025 am 12:18 AM

html5aimstoenhancewebdevelymentanduserexperiencetheTheTheTheTheTheTheTheTheTructure、multimedieingegration、およびperformanceImprovements.1)semanticelementslike like like ,, and and requrovedababilityandaccessibility.2)andTagsallowseamlessmultimediaemdiding withoutplugins.3)

マイクロダタとは何ですか? HTML5は説明しました マイクロダタとは何ですか? HTML5は説明しました Jun 10, 2025 am 12:09 AM

microdataenhancesseoandcontentdisplayinseartsultsbyembeddingsturctureddatiantohtml.1)useitemscope、itemType、andItempropattributeStoAdddsemanticMantingmant.2)applymicrodatokecycycycocententlikebooksorproduadspotoavets.3)

HTML5:2024年の目標 HTML5:2024年の目標 May 13, 2025 am 12:13 AM

HTML5'SGOALSIN2024FOCUSONREFINIMINGANDOPTIMIZATION、notnewfeatures.1)強化された拡張性と拡張効率化されたレンダリング.2)

HTML5:新しい機能と機能でWebを変換します HTML5:新しい機能と機能でWebを変換します May 11, 2025 am 12:12 AM

HTML5TRANSFORMSWEBDEVELOPMENTBYINTRODUCINGSEMANTICELEMENTS、MULTIMEDIACAPABITIATION、POFFING APIS、およびPERFORMANCEOPTIMIZATIONTOOLS.1)semanticElementslige like like like.2)MultimediaElementsandallowdirectemdingwithuthindunsuns、Inftruging

HTML5 Microdata:最高のオンラインツール HTML5 Microdata:最高のオンラインツール Jun 09, 2025 am 12:06 AM

thebestonlinetoolsforhtml5microdataaregooglestructureddatamarkuphelperandschema.org'smarkupvalidator.1)googlestructuredDatama rkuphelperisuser-frendly、guidinguserstoadddmicrodatatagsforenhancedseo.2)schema.org'smarkupvalidatorchecksmicrodataimplementa

HTML5の目的:より強力でアクセス可能なWebを作成する HTML5の目的:より強力でアクセス可能なWebを作成する May 14, 2025 am 12:18 AM

html5aimstoenhancewebcapability、makingmoredynamic、interactive、およびaccessible.1)itupportsmultimediaelementslikeand、排除、2)semanticelementionmentionmentionmentionimementsimementionimementsimementsimbrovecessibilityandcodereadability.3)

HTML5のMicrodata:検索エンジンのランキングを改善するための鍵 HTML5のMicrodata:検索エンジンのランキングを改善するための鍵 Jun 12, 2025 am 10:22 AM

MicrodatasignificantlyimprovesSEObyenhancingsearchengineunderstandingandrankingofwebpages.1)ItaddssemanticmeaningtoHTML,aidingbetterindexing.2)Itenablesrichsnippets,increasingclick-throughrates.3)UsecorrectSchema.orgvocabularyandkeepitupdated.4)Valid

See all articles