混同しやすいurl src href

1908 ワード

初心者が勉強したばかりの頃はurlが分からない.  src  hrefこれらは、どんな場合にどれを使うべきか分かりません.今は私に処理させてください.
url
統合リソースロケータは、インターネットから得られるリソースの位置とアクセス方法の簡潔な表現であり、インターネット上の標準リソースのアドレスである.インターネット上の各ファイルには、ファイルの場所やブラウザがどのように処理すべきかを示す唯一のURLがあります.
*絶対URL-src="などの他のサイトへhttp://www.example.com/")
*相対URL-サイト内へのファイル(例えばsrc="/i/image.gif")
以下に、パスを確立するために使用されるいくつかの特殊な記号と、その意味を示します.
  • .:現在存在するディレクトリを表し、相対パス.例えば、<a href="./abc">テキスト</a>または<img src="./abc" />
  • ..:前の階層のディレクトリを表し、相対パス.例えば、<a href="../abc">テキスト</a>または<img src="../abc" />
  • ../../:前の階層の上の階層のディレクトリを表し、相対パス.例えば:<img src="../../abc" />
  • /:ルートディレクトリ、絶対パスを表します.例えば:<a href="/abc"> </a>または<img src="/abc" />
  • D:/abc/:ルートディレクトリ、絶対パスを表します.

  • 相対パスを使用する場合は、現在のディレクトリを記号「.」で表し、現在のディレクトリの親ディレクトリを記号「.」で表します.
    src    href
    hrefとsrcには違いがあり,互いに置き換えることはできない.
    srcは現在の要素を置き換え、hrefは現在のドキュメントと参照リソースの間で連絡を確立するために使用されます.
    言い換えればsrcの内容であり,ページの不可欠な一部であり,導入である.hrefの内容は、このページに関連付けられ、参照です.違いは、導入と引用です.
    1 srcはsourceの略で、外部リソースの位置を指し、指す内容はドキュメントの現在のラベルの位置に埋め込まれます.srcリソースを要求すると、jsスクリプト、imgピクチャ、frameなどの要素などのドキュメントにダウンロードされ、適用されます.
     

     
    ブラウザが要素を解析すると、他のリソースのダウンロードと処理が一時停止され、そのリソースがロード、コンパイル、実行されるまで、ピクチャやフレームワークなどの要素も、現在のラベルに埋め込まれるようになります.これもjsスクリプトをヘッダではなく下部に置く理由です.
     
    ②hrefはHypertext Referenceの略で、ネットワークリソースの所在地、現在の要素(アンカーポイント)または現在のドキュメント(リンク)との間のリンクを指します.
     

     
    ブラウザは、ドキュメントがcssファイルであることを認識し、リソースを並列にダウンロードし、現在のドキュメントの処理を停止しません.これも、@import方式ではなくlink方式でcssをロードすることをお勧めします.