href와 src, link와 @import의 차이점은 무엇입니까?

이번에는 href와 src, link와 @import의 차이점이 무엇인지, 그리고 href와 src, link와 @import를 사용할 때 notes는 무엇인지 알려드리겠습니다.

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

tab

이와 마찬가지로 브라우저는 이미지를 가져와 로드할 때까지 로드를 일시 중지합니다. link와 @import의 차이점:

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

HTML 태그

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

차이점 2

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

차이점 3

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

JavaScript를 사용하여

DOM을 제어하여 스타일을 변경할 수 있도록 지원하지만 @import는 이를 지원하지 않습니다.

이 기사의 사례를 읽은 후 방법을 마스터했다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 자료:

CSS에서 속성 값 상속을 사용하는 방법

이중 비행 날개 레이아웃과 성배 레이아웃에 대한 자세한 그래픽 설명

🎜🎜

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