ホームページ  >  記事  >  ウェブフロントエンド  >  hrefとsrc、linkと@importの違いは何ですか?

hrefとsrc、linkと@importの違いは何ですか?

php中世界最好的语言
php中世界最好的语言オリジナル
2018-03-21 15:20:372601ブラウズ

今回は、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&gt>

ページの読み込みと処理は、ブラウザがこれをダウンロード、コンパイル、実行する前に一時停止されます。ファイル (ブラウザーがこの要素を解析すると、ブラウザーのレンダリングが一時停止されます)。そのため、下部にある js ファイルをロードすることをお勧めします。 imgtab

これと同様に、画像がフェッチされてロードされるまで、ブラウザは読み込みを一時停止します。

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 サイトの他の関連記事に注目してください。

推奨書籍:

CSS での属性値の継承の使用方法

二重飛行翼レイアウトと聖杯レイアウトの詳細なグラフィック説明


🎜

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。