ホームページ > 記事 > ウェブフロントエンド > hrefとsrc、linkと@importの違いは何ですか?
今回は、href と src、link と @import の違いと、href と src、link と @import を使用する際の 注意事項 について説明します。実際のケースを見てみましょう。
href と src の違い:
href (ハイパーテキスト参照): ハイパーテキスト参照。一般的に使用されるタグには、参照される外部リソースにリンクするために使用される link、a などが含まれます。現在の要素または現在のドキュメントと、現在の属性で定義されている必要なアンカーまたはリソースとの間のリンクまたは関係を定義します。例:<link href="style.css" rel="stylesheet" /> /code><br><code><link href="style.css" rel="stylesheet" />
src(source):引入资源,引入的src的内容是页面必不可少的一部分。引入的内容会嵌入当前资源到当前文档元素定义的位置,常用的有:img、script、iframe等。如:<script src="script.js"></script>
src(source): インポートされた src のコンテンツはページの重要な部分です。インポートされたコンテンツは、現在のドキュメント要素で定義された位置に現在のリソースを埋め込みます。一般的に使用されるものには、img、script、iframe などが含まれます。例:
<script src="script.js"></script>>
これと同様に、画像がフェッチされてロードされるまで、ブラウザは読み込みを一時停止します。 linkと@importの違い:
どちらもCSSを外部参照する方法ですが、違いは次のとおりです:違い1: linkはXHTMLタグ
であり、 CSS のロードに加えて、RSS などの他のトランザクションも定義できます。 @import は CSS カテゴリに属し、CSS のみをロードできます。違い 2
: リンクが CSS を参照する場合、ページのロードと同時にロードされます。@import では、ロードする前にページが完全にロードされる必要があります。違い 3
: link は XHTML タグであり、互換性の問題はありません。@import は CSS2.1 で提案されており、以前のバージョンのブラウザではサポートされていません。違い 4: リンクはスタイルを変更するための DOM の制御に JavaScript を使用する
をサポートしていますが、@import はサポートしていません。
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
二重飛行翼レイアウトと聖杯レイアウトの詳細なグラフィック説明
以上がhrefとsrc、linkと@importの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。