srcとhrefの違いは何ですか

百草
リリース: 2023-08-18 13:44:07
オリジナル
2999 人が閲覧しました

Src と href には、異なる用途、異なるタグ、異なる読み込み方法、ドキュメントに対する異なる影響、および異なるオプションがあります。詳細な紹介: 1. src は外部リソースのアドレスを指定するために使用され、href はハイパーリンクのターゲット リソースのアドレスを指定するために使用されます; 2. src は通常、img タグ、script タグ、audio タグ、video タグに使用されます, など、href 属性は通常、タグ、リンク タグ、@import ディレクティブなどに使用されます; 3. src 属性が指すリソースは、ブラウザなどによってすぐに読み込まれ、解析されます。

srcとhrefの違いは何ですか

# このチュートリアルのオペレーティング システム: Windows 10 システム、Dell G3 コンピューター。

src と href は、HTML および XML ドキュメントで外部リソースを参照するためによく使用される 2 つの属性です。機能は似ていますが、使用方法と機能にはいくつかの違いがあります。

別の目的:

src (ソース) 属性は、外部リソースのアドレスを指定するために使用され、通常はスクリプト ファイル、画像ファイル、オーディオ ファイル、ビデオ ファイルなどを導入するために使用されます。これは、現在のドキュメント内に外部リソースを埋め込むようにブラウザーに指示します。

href (ハイパーテキスト参照) 属性は、ハイパーリンクのターゲット リソースのアドレスを指定するために使用されます。通常、他の HTML ドキュメント、スタイル シート、フォント ファイル、ICO ファイルなどにリンクするために使用されます。

対象となるタグは異なります:

src 属性は通常、img タグ、script タグ、audio タグ、video タグなどで、対応するリソースを紹介するために使用されます。

href 属性は通常、リンクを作成するためにタグ、リンク タグ、@import 命令などで使用されます。

さまざまなロード方法:

src 属性によって指定されたリソースは、ブラウザによってすぐにロードおよび解析されます。読み込みプロセス中、ブラウザーは、リソースがダウンロードされて実行されるまで、他のリソースの読み込みとドキュメントのレンダリングを一時停止します。

href 属性が指すリソースは、ドキュメントの読み込み時に非同期で読み込まれ、ドキュメントのレンダリングをブロックしません。ブラウザーは複数のリソースを並行して読み込み、ドキュメントのレンダリングを続けます。

ドキュメントへの影響の違い:

src 属性は、ドキュメントの構造とコンテンツに直接影響します。たとえば、img タグの src 属性で指定された画像リソースは、ドキュメント内の対応する位置を占めます。

href 属性は、ドキュメントの構造とコンテンツに直接影響を与えません。たとえば、link タグの href 属性で指定されたスタイル シートは、CSS ルールに従ってドキュメントのスタイルを変更します。

別のオプション:

src 属性が必要です。src 属性が指定されていない場合、ブラウザはタグが無効であるとみなします。

href 属性はオプションです。href 属性が指定されていない場合でも、タグは有効です。

要約すると、src は主に埋め込まれる外部リソースのアドレスを指定するために使用され、href は主に他のリソースのアドレスへのハイパーリンクを作成するために使用されます。 src はリソースを即座にロードし、ドキュメントの構造とコンテンツに影響を与えますが、href はリソースを非同期的にロードし、ドキュメントの構造とコンテンツに直接的な影響を与えません。 src と href の違いを理解することは、それらを正しく使用し、Web ページのパフォーマンスを最適化するために重要です。

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート