@import와 link의 차이점은 무엇인가요?

HTML에 CSS 스타일을 도입하는 방법에는 인라인 스타일, 가져오기 스타일, 링크 스타일 등 여러 가지가 있습니다. 오늘 이 글에서는 동일한 외부 스타일인 링크 링크 스타일과 import import 수식 의 차이점은 무엇입니까? 도움이 필요한 친구들이 참고하면 도움이 되리라 믿습니다.

CSS를 외부에서 참조하는 두 가지 방법:

link 방법:

<link rel="stylesheet" rev="stylesheet" href="CSS文件" type="text/css" media="all" />

@import 방법 :

<style type="text/css" media="screen">   
@import url("CSS文件");   
</style>

둘 다 CSS를 외부에서 참조하는 방법이지만 확실한 차이점이 있습니다.

차이점 1: 링크는 CSS를 로드하는 것 외에 XHTML 태그입니다. , RSS와 같은 다른 트랜잭션을 정의할 수도 있습니다. @import는 CSS 범주에 속하며 CSS만 로드할 수 있습니다.

차이점 2: 링크가 CSS를 참조하는 경우 페이지가 로드될 때 동시에 로드됩니다. @import에서는 로드하기 전에 페이지를 완전히 로드해야 합니다.

차이점 3: 링크는 XHTML 태그이며 호환성 문제가 없습니다. @import는 CSS2.1에서 제안되었으며 하위 버전 브라우저에서는 지원되지 않습니다.

차이점 4: Ink는 Javascript를 사용하여 DOM을 제어하여 스타일을 변경할 수 있도록 지원하지만 @import는 이를 지원하지 않습니다.

보충: @import를 작성하는 가장 좋은 방법

@import를 작성하는 방법은 일반적으로 다음과 같습니다.

@import 'style.css ' // Windows IE4/NS4, Mac OS style.css) //Windows NS4, Macintosh NS4에서 인식되지 않음
@import url('style.css') //Windows NS4, Mac에서 인식되지 않음 OS X IE5, Macintosh IE4/IE5/NS4
@ import url("style.css") //Windows NS4, Macintosh NS4가 인식하지 못합니다
위의 분석에서 우리는 @import url을 알고 있습니다 (style.css) 및 @import url("style.css")이 최적입니다. 가장 호환되는 브라우저 중에서 선택하세요. 바이트 최적화 관점에서는 @import url(style.css)이 가장 권장됩니다.

위 내용은 @import와 link의 차이점은 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!