CSS에서 href와 src, link와 @import의 차이점에 대한 자세한 설명

이 글은 주로 href와 src, link와 @import의 차이점을 소개하고, 명사 정의와 적용 시나리오를 설명하고 있으니, 도움이 필요한 친구들이 참고하시면 좋겠습니다.

href와 src의 차이점:

href(Hypertext Reference): 하이퍼텍스트 참조, 일반적으로 사용되는 태그에는 참조된 외부 리소스에 연결하는 데 사용되는 link, a 등이 포함됩니다. 현재 요소 또는 현재 문서와 현재 속성에 의해 정의된 필수 앵커 또는 리소스 간의 링크 또는 관계를 정의합니다. 예:
<link href="style.css" rel="stylesheet" /> /code><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>

브라우저가 이를 다운로드, 컴파일 및 실행하기 전에 페이지 로드 및 처리가 일시 중지됩니다. 파일(브라우저가 이 요소를 구문 분석할 때 브라우저의 렌더링을 일시 중지함)이므로 하단에 js 파일을 로드하는 것이 좋습니다. img 태그도 유사하며, 이미지를 가져와 로드할 때까지 브라우저가 로드를 일시 중지합니다. link와 @import의 차이점:

둘 다 CSS를 외부에서 참조하는 방법이지만 차이점은 다음과 같습니다.

차이점 1

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

차이점 2

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

차이점 3

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

차이점 4

: link는 스타일 변경을 위해 JavaScript를 사용하는 것을 지원하지만 @import는 이를 지원하지 않습니다.

관련 추천:

CSS3에서 n번째-child와 n번째 유형의 차이점에 대한 자세한 설명

addEventListener와 on

br, p의 차이점에 대한 자세한 설명 그리고 html🎜🎜의 DIV

위 내용은 CSS에서 href와 src, link와 @import의 차이점에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!