srcとhrefの違いについて話します
1420 ワード
srcとhrefは、ピクチャ、CSSファイル、HTMLファイル、jsファイル、その他のウェブページなど、外部リソースの導入に使用されます.ではSRCとHREFの間に明確な違いはありますか?SRCとHREFのどちらを使うべきですか?それらの使用は勝手に置き換えられるものではないと思います.まず、この2つのプロパティの使用例をいくつか示します. cssファイル参照時: jsファイル参照時: 参照ピクチャ: Webサイトリンク: それらの間の主な違いは、srcがこの要素の代わりに使用され、hrefがこのラベルと外部リソースの関係を確立するために使用されるという一言で要約することができる.例えば:
href(Hypertext Reference)ハイパーテキストは、hrefという属性を参照してWebリソースの場所を指定し、アンカーaなどの現在の要素またはリンクなどの現在のドキュメントとターゲットアンカーまたはターゲットリソースとの関連を定義します.たとえば、
src(Source)ソースこのプロパティは、現在のドキュメント内の要素が存在する場所にリソースを埋め込むことです.たとえば、
href="cssfile.css"
src="myscript.js"
src="mypic.jpg"
href="http://www.webpage.com"
\\
aラベルの中の内容は1枚の画像で、aラベルにhref属性を加えてwww.xxxにリンクした.comというサイトですが、aラベルの内容は置換されていません.imgラベルのsrc属性は、このラベルをsrcのリソースに完全に置換しています.href(Hypertext Reference)ハイパーテキストは、hrefという属性を参照してWebリソースの場所を指定し、アンカーaなどの現在の要素またはリンクなどの現在のドキュメントとターゲットアンカーまたはターゲットリソースとの関連を定義します.たとえば、
ブラウザがスタイルシートファイルであることを知っている場合、htmlの解析とレンダリングは一時停止されません.cssファイルのロードは同時に行われます.これはstyleラベルに組み込まれたスタイルとは異なり、@importで追加されたスタイルはページがロードされた後に追加され、再レンダリングによってページが点滅する可能性があります.@importではなくlinkを使用することをお勧めします.src(Source)ソースこのプロパティは、現在のドキュメント内の要素が存在する場所にリソースを埋め込むことです.たとえば、
ブラウザがこのコードを すると、ブラウザがjsファイルを して するまでページのロードと が します.これはjsファイルの をすべてこのscriptラベルに するようなもので、imgのようにimgラベルは のラベルで、その はsrcという によって され、ブラウザはこの のロードが するまでロードを します.これもjsファイルのロードをbodyの に く です(