HTML の src と href の違いは何ですか?使い方の違いは何ですか？

この記事では、HTMLにおけるsrcとhrefの違いとその使い方を中心に紹介します。

私たちのフロントエンド開発プロセスでは、src と href を単独で使用する場合は誰もがよく知っているはずですが、これらを一緒に比較すると、しばらくは明確に説明されない可能性があります。

そして、

src と href の違いに関しては、フロントエンドのインタビューの質問に出現する頻度も非常に高くなります。

以下では、

src と href の違いを詳しく紹介し、まとめます。

1. href は Reference の略で、ハイパーテキスト参照を示します。

href は、現在の要素 (アンカー) で確立されたネットワーク リソースの場所を指します。または現在のドキュメント (リンク)、ハイパーリンクに使用されます。

使用例:

<a href="www.php.cn">www.php.cn</a>

または

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

など。

2. src は、source の省略形で、次のことを示します。リソースの紹介

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

ブラウザがこの要素を解析すると、リソースがロード、コンパイル、実行されるまで、他のリソースのダウンロードと処理が一時停止されます。これは、ピクチャやフレームなどの要素にも同様です。指定されたリソースを現在のラベル内に埋め込みます。これが、js スクリプトが先頭ではなく下部に配置される理由でもあります。

使用法:

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

または

<img src="xx.jpg" />

など。

注

: src と href をそれぞれに置き換えることはできません。他の。置換可能な要素には src を使用しますが、href は問題のドキュメントと外部リソースの間の関係を確立するために使用されます。

この記事は src と href の違い

についてのもので、困っている友人のお役に立てれば幸いです。

以上がHTML の src と href の違いは何ですか?使い方の違いは何ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。