1. ホーム
  2. html

[解決済み] SRCとHREFの違い

2022-02-05 17:12:30

質問事項

SRCHREF 属性は、画像、CSSファイル、HTMLファイル、他のウェブページ、JavaScriptファイルなどの外部エンティティを含めるために使用されます。

とは明確に区別されているのでしょうか? SRCHREF ? いつ、どこで、どのように使うか SRC または HREF ? この2つは同じように使うことはできません。

これらの属性が使用されている例をいくつか挙げてみます。

  • CSSファイルを参照する。 href="cssfile.css" をリンクタグの中に入れてください。
  • JSファイルを参照する場合。 src="myscript.js" をscriptタグの中に入れてください。
  • 画像ファイルを参照する場合。 src="mypic.jpg" を画像タグの中に入れてください。
  • 他のウェブページを参照する場合。 href="http://www.webpage.com" アンカータグの内側。

解決方法は?

注意事項 ジョンインズ 回答 は、仕様の変更を考慮すると、より適切であると思います。


はい、次のような違いがあります。 src href であり、これらを互換的に使用することはできません。私たちが使うのは src には 置き換え 要素、一方 href 参照するドキュメントと外部リソースとの関係を確立するためのものです。

href (Hypertext Reference) 属性は、Web リソースの場所を指定し、現在の要素(アンカーやアンカーボックスの場合)間のリンクや関係を定義します。 a の場合)、または現在のドキュメント( link ) と、この属性で定義されたアンカーまたはリソースの宛先を指定します。と書くと

<link href="style.css" rel="stylesheet" />

ブラウザは、このリソースがスタイルシートであることを理解し 処理 ページの解析は ない を一時停止しています(ブラウザがページの描画とレンダリングにスタイル ルールを必要とするため、レンダリングが一時停止する場合があります)。それは ない の中にあるcssファイルの内容をダンプするのと同じです。 style タグを使用します。(したがって link ではなく @import は、スタイルシートをhtml文書に添付するためのものです)。

src (Source)属性は、そのリソースを現在のドキュメントの、その要素の定義の場所に埋め込むだけです。例えば、ブラウザが

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

ブラウザがこのファイルを取得し、コンパイルし、実行するまで、ページの読み込みと処理は一時停止されます。の中にあるjsファイルの内容をダンプするのと同じです。 script タグを使用します。同様なことは img というタグがあります。これは空のタグで、その中に入るべきコンテンツは src 属性があります。ブラウザは画像を取得して読み込むまで、読み込みを一時停止します。[これは iframe ]

このため、すべてのJavaScriptファイルを一番下(例として </body> タグ)


アップデート : ジョンインさん(@John-Yin's)を参考にする。 回答 は、HTML 5 仕様に基づく実装の詳細について説明します。