src 属性と href 属性の違い

src と href には違いがあり、混同される可能性があります。 src は現在の要素を置き換えるために使用され、href は現在のドキュメントと参照されるリソース間の接続を確立するために使用されます。

src はソースの略語で、外部リソースの場所を指します。指し示されたコンテンツは、ドキュメント内の現在のタグの場所に埋め込まれます。src リソースが要求されると、それが指し示すリソース (js スクリプト、img 画像、フレーム要素など) がダウンロードされ、ドキュメントに適用されます。

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

ブラウザがこの要素を解析すると、リソースが読み込まれ、コンパイルされ、実行されるまで、他のリソースのダウンロードと処理が一時停止されます。画像やフレームなどの要素にも同じことが当てはまり、ポイントされたリソースを現在のタグに埋め込むのと似ています。これは、js スクリプトを上部ではなく下部に配置する必要がある理由でもあります。

hrefはハイパーテキストリファレンスの略語で、ネットワークリソースの場所を指し示し、現在の要素（アンカー）または現在のドキュメント（リンク）へのリンクを確立します。

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

すると、ブラウザはドキュメントを CSS ファイルとして認識し、現在のドキュメントの処理を停止せずにリソースを並行してダウンロードします。そのため、CSS を読み込むには @import メソッドではなく link メソッドを使用することをお勧めします。