なぜJavaScriptはsrcで取り込むのに、CSSはhrefで参照するのか？
今更ですが、疑問に思ったことを調べたので、メモしておきます。 htmlのコーディングでは、URLを指定することがあります。 例① img src=”image.jpg”② script src=”script.js”③ a href=”https://example.com”④ link rel=”stylesheet” href=”style.css” ①画像と②JavaScriptは「src=」と記述し、③リンクと④CSSは「href=」と記述します。 この違いはなぜなのか。Copilotに聞いた結果、次のような回答を得ました。 概要 詳しい違い ロード方法： src: リソースがドキュメントに直接ロードされる。リソースはページの一部として即座に表示または実行されます。例えば、画像（<img>）やスクリプト（<script>）。 href: リソースがドキュメントに間接的に適用される。リソースはページの一部として表示されるわけではなく、参照されることで適用されます。例えば、スタイルシート（<link rel=”stylesheet”>）。 使い方： src: コンテンツとして使用されるリソース。画像、ビデオ、オーディオ、スクリプトなど。 href: 文書の一部としてのリンク。スタイルシート、ウェブページへのリンク、ファビコン（ブラウザのタブやブックマークに表示される小さなアイコン）など。 映画と脚本の例え 料理とレシピの例え 本と目次の例え 交通手段と地図の例え srcは「埋め込み」、hrefは「参照」という違いがあることは理解できたけど、自分のような初心者がそれを見分けることはできないので、結局一つずつ覚えるしかないようです。