HTML における src と href の違いについての簡単な説明

簡単に言うと、srcは「このリソースをロードしたい」という意味で、hrefは「このリソースに関連付けたい」という意味です。

src は主に要素の置換に使用され、href は関連ドキュメントや外部リソースとの関連リンクを確立するために使用されます。

href 属性は、ローカル Web リソースと定義されたリソースの間にリンクが確立されていることを示します。

のように：

<link href="style.css" rel="スタイルシート"/>

ブラウザはこのリソースがスタイルシートであることを認識しており、この要素に到達しても解析を停止しませんが、ブラウザがページをレンダリングするためにスタイル ルールを必要とするため、ページのレンダリングが停止する場合があります。

ブラウザは CSS ファイルの内容をスタイル タグに読み込みません。したがって、スタイルシートを読み込むには、@import ではなく link タグを使用することをお勧めします。

src 属性は、対応するリソースを現在のページに埋め込みます。のように：

<script src="script.js"></script>

ブラウザがページを読み込んで処理するときに、script.js を見つけて JS をコンパイルします。そうして初めて、後続のページのコンパイルと解析作業が続行されます。

JS コンテンツはスクリプト タグに読み込まれます。これは img タグと非常によく似ています。ブラウザが img タグを解析すると、対応する画像が読み込まれ、img タグに配置されます。

このため、jS ファイルはドキュメントの最後に読み込む必要があります。ラベルの前。

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。