HTML における scr と href について簡単に説明します。 scr と href の違いは何ですか?
HTML の scr と href とは何ですか? scr と href の違いは何ですか?この記事では、HTML における scr と href の違いを紹介し、誰もが src と href が何であるかを理解し、scr と href をうまく区別できるようにします。困っている友人は参考にしていただければ幸いです。
コードを記述するとき、scr と href の 2 つの属性を混同することがよくあり、それらを区別することができません。次に、2 つの属性 scr と href を見てから、HTML とは何かを見てみましょう。 srcとhrefの違いは何ですか?
HTML の src とは何ですか?
src は、source の省略形で、外部ファイルへの参照を表し、外部リソースを指す場所を表します。指定された内容は、ドキュメント内の現在のタグの場所に適用されます。 (簡単に言えば、目的は、参照ファイルを HTML ページの指定された場所にロードすることです)。
src 属性は、ページ コンテンツの不可欠な部分であり、js スクリプト、img 画像、フレーム、その他の要素でよく使用されます。例:
<script src="script.js"></script> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
<img src="2.png" /> <img src="https://apps.bdimg.com/img/2.png" />
html の href とは何ですか?
href は Hypertext Reference の略で、ハイパーテキスト参照を表し、現在の要素 (アンカー) または現在のドキュメントへのリンクを確立します。ページは直接的な関係です。
一般的に使用されるものは次のとおりです: link、a.例:
<link href="reset.css" rel=”stylesheet“/> <a href="https://www.php.cn/"></a>
html の src と href の違いは何ですか?
1. リクエスト リソース タイプの違い
(1) src リソースをリクエストすると、指定されたリソースがダウンロードされ、ドキュメントに適用されます。 js スクリプト、img ピクチャ、フレーム;
(2) href はネットワーク リソースの場所を示し、現在の要素または現在のドキュメントとの接続を確立するために使用されます。
2. 結果の違い
(1) src 属性: 現在のコンテンツを置き換えるために使用されます。
(2) href 属性: 現在のドキュメントとの間で使用されます。参照リソース間の接続を確立する;
3. ブラウザの解析方法の違い
(1) ブラウザが この文は、リソースがロード、コンパイル、実行されるまで、他のリソースのダウンロードと処理を一時停止します。これは、指定されたリソースを現在のコンテンツに適用するのと同様です。このため、js スクリプトを先頭ではなく下部に配置することが推奨されます。
添付: js を head に置く場合は、src を使用して外部 js ファイルを導入する必要があります。 defer="defer" 属性を使用すると、HTML ドキュメントがロードされるまで待機してから実行されます。 js コードですが、defer 属性は IE ブラウザでのみ使用できます。
(2) をドキュメントに追加すると、ブラウザはドキュメントを CSS ファイルとして認識します。リソースは、現在のドキュメントの処理を停止することなく並行してダウンロードされます。このため、@import メソッドを使用する代わりに、link メソッドを使用して CSS を読み込むことが推奨されます。
要約: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。関連チュートリアルの詳細については、 HTML ビデオ チュートリアル 、 CSS 基本ビデオ チュートリアル 、ブートストラップ チュートリアル をご覧ください。
以上がHTML における scr と href について簡単に説明します。 scr と href の違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









HTML の表の境界線に関するガイド。ここでは、HTML でのテーブルの境界線の例を示しながら、テーブル境界線を定義する複数の方法について説明します。

HTML マージン左のガイド。ここでは、HTML margin-left の概要とその例、およびそのコード実装について説明します。

これは、HTML でのネストされたテーブルのガイドです。ここでは、テーブル内にテーブルを作成する方法をそれぞれの例とともに説明します。

HTML テーブル レイアウトのガイド。ここでは、HTML テーブル レイアウトの値と例および出力について詳しく説明します。

HTML 入力プレースホルダーのガイド。ここでは、コードと出力とともに HTML 入力プレースホルダーの例について説明します。

HTML でのテキストの移動に関するガイド。ここでは、概要、マーキー タグが構文でどのように機能するか、および実装例について説明します。

HTML オンクリック ボタンのガイド。ここでは、それらの紹介、動作、例、およびさまざまなイベントでの onclick イベントについてそれぞれ説明します。
