srcとhrefの違いは何ですか

src と href の違い: 1. 用途の違い、src はドキュメントに埋め込まれたリソースに使用され、href はドキュメント外のリソースへのリンクに使用されます; 2. 参照方法の違い、src によって参照されるリソースは必須、href によって参照されるリソースはオプションです; 3. ドキュメントへの影響は異なります、src はドキュメントの読み込みと表示に直接影響します、href は参照されるリソースの使用にのみ影響します; 4. 適用範囲は異なります。 src は画像、オーディオ、ビデオ、スクリプトおよびその他のリソースに適しており、 href は CSS スタイル シート、フォント ファイル、Web リンクに適しています。

#この記事の動作環境: Windows 10 システム、Dell G3 コンピューター。

src と href は HTML の 2 つの一般的な属性で、外部リソースを参照するために使用されます。これらには次のような主な違いがあります:

異なる用途:

src (ソース) は、画像、音声など、HTML ドキュメントに埋め込まれる外部リソースを指定するために使用されます。 、ビデオ、または JavaScript ファイル。

href (ハイパーテキスト参照) は、CSS スタイル シート、フォント ファイル、その他の Web ページなど、HTML ドキュメントの外部のリソースへのリンクを指定するために使用されます。

さまざまな参照方法:

src 属性によって参照されるリソースは必須であり、ドキュメント内の特定のスペースを占有し、ドキュメントのレンダリングに直接影響します。たとえば、 はドキュメントに画像を埋め込みます。

href 属性によって参照されるリソースはオプションであり、ドキュメントのスペースを占有しません。ドキュメントの外部のリソースへのリンクを指定するためにのみ使用されます。たとえば、 は CSS スタイル シート ファイルにリンクします。

ドキュメントに対してさまざまな効果があります:

src 属性は、参照されたリソースをドキュメントに埋め込むため、ドキュメントの読み込みとレンダリングに直接影響します。 src 属性によって参照されるリソースがロードできないか、正しくない場合、埋め込まれたコンテンツは表示されず、実行されません。

href 属性はドキュメントの読み込みと表示には直接影響しませんが、外部リソースにリンクすることによってドキュメントのスタイルと動作に影響を与えます。 href 属性によって参照されるリソースがロードできないか正しくない場合、影響を受けるのはリソースの使用のみであり、ドキュメント全体の表示には影響しません。

さまざまな適用範囲:

src 属性は、画像、音声、ビデオ、スクリプトなどのリソースへの参照に適用されます。たとえば、 は画像リソースを参照するために使用され、 は JavaScript スクリプト ファイルを参照するために使用されます。

href 属性は、CSS スタイル シート、フォント ファイル、および他の Web ページへのリンクに適用されます。たとえば、 は CSS スタイル シート ファイルへのリンクに使用され、Link は使用されます。他の Web ページへのハイパーリンクを作成します。

概要

Src はドキュメントに埋め込まれたリソースに使用され、href はドキュメント外のリソースへのリンクに使用されます。 src はドキュメントの読み込みと表示に直接影響しますが、href は参照されたリソースの使用にのみ影響します。特定のニーズと外部リソースの種類に応じて、リソースを参照するための適切な属性を選択し、外部リソースが正しく読み込まれて使用されるようにします。

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