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

CSS を外部から導入するには、リンク タグと @import という 2 つの方法があることは誰もが知っています。それでは、それらの違いは何でしょうか？以下の記事で紹介していますので、ご参考になれば幸いです。

link と @import の違い:

1. 所属の違い

@import が提供されるby CSS 構文ルールはスタイルシートをインポートする機能のみを持ちます; link は HTML によって提供されるタグであり、CSS ファイルを読み込むだけでなく、RSS、rel 接続属性などを定義することもできます。

2. 読み込み順序の違い

ページ読み込み時にlinkタグで導入されたCSSも同時に読み込まれますが、@importで導入されたCSSはページの後に読み込まれます。ロードされています。

3. 互換性の違い

@import は CSS2.1 でのみ使用できる構文であるため、IE5 でのみ認識できます; リンク タグは HTML 要素であり、互換性の問題はありません。

4. DOM 制御性の違い

JS で DOM を操作し、リンクタグを挿入してスタイルを変更できますが、DOM メソッドはドキュメントに基づいているため、@import を使用して挿入することはできませんスタイル。

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