ホームページ > 記事 > ウェブフロントエンド > src 属性と href 属性の違い
src と href には違いがあり、混同して使用される可能性があります。 src は現在の要素を置き換えるために使用され、href は現在のドキュメントと参照されるリソースの間のリンクを確立するために使用されます。
src は外部リソースの場所を指すsourceの略語で、srcリソースをリクエストすると、指定されたコンテンツがドキュメント内の現在のタグの場所に埋め込まれ、それが指すリソースがダウンロードされます。 jsスクリプトなどのドキュメントに適用される画像やフレームなどの要素。
<script src ="js.js"></script>
ブラウザがこの要素を解析すると、リソースがロード、コンパイル、実行されるまで、他のリソースのダウンロードと処理が一時停止されます。これは、ピクチャやフレームなどの要素にも当てはまります。これは、ポイントされた要素の埋め込みと同様です。リソースを現在のタグに追加します。これが、js スクリプト
が先頭ではなく下部に配置される理由です。
href は Hypertext Reference の略で、ネットワーク リソースの場所を指し、現在の要素 (アンカー) または現在のドキュメント (リンク) へのリンクを確立します。ドキュメントに
<link href="common.css" rel="stylesheet"/>
を追加すると、ブラウザーは次のようになります。ドキュメントの CSS ファイルを認識すると、リソースが並行してダウンロードされ、現在のドキュメントの処理は停止しません。このため、@import メソッドを使用する代わりに、link メソッドを使用して CSS を読み込むことが推奨されます。
src のコンテンツは、現在の要素を置き換えるために使用され、ページの重要な部分です。
href のコンテンツは、現在のドキュメントと参照されるリソース間の接続を確立するために使用されます。