HTML의 scr과 href가 무엇인지에 대해 간략히 설명하겠습니다. scr과 href의 차이점은 무엇입니까?

HTML에서 scr과 href는 무엇인가요? scr과 href의 차이점은 무엇입니까? 이 기사에서는 HTML에서 scr과 href의 차이점을 소개하여 모든 사람이 src와 href가 무엇인지 이해하고 scr과 href를 잘 구분할 수 있도록 할 것입니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

코드를 작성할 때 우리는 종종 scr과 href 두 속성을 혼동하여 구별할 수 없습니다. 따라서 scr과 href 두 속성을 살펴보고 HTML의 src와 href를 살펴보겠습니다. . 차이점은 무엇입니까?

html에서 src는 무엇인가요?

src는 소스의 약어로, 외부 파일에 대한 참조를 나타내며 외부 리소스를 가리키는 위치를 나타냅니다. 가리키는 내용은 문서의 현재 태그 위치에 적용됩니다(간단히 말하면: 목적은 참조된 파일을 HTML 페이지의 지정된 위치에 로드하는 것입니다.

src 속성은 페이지 콘텐츠에 없어서는 안 될 부분으로, js 스크립트, img 이미지, 프레임 및 기타 요소에서 일반적으로 사용됩니다. 예:

<script src="script.js"></script> 
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">

<img src="2.png" />
<img src="https://apps.bdimg.com/img/2.png" />

html에서 href는 무엇인가요?

href는 Hypertext Reference의 약자로, 네트워크 리소스의 위치를 ​​나타내며 현재 요소(앵커) 또는 현재 문서에 대한 링크를 설정합니다. 관계.

일반적으로 사용되는 것들은 다음과 같습니다: 링크, a. 예:

<link href="reset.css" rel=”stylesheet“/>

<a href="https://www.php.cn/"></a>

html에서 src와 href의 차이점은 무엇입니까?

1. 요청 리소스 유형의 차이

(1) src 리소스를 요청하면 js 스크립트, img 사진, 프레임과 같은 리소스가 다운로드되어 문서에 적용됩니다.

(2) href; 표현 네트워크 리소스의 위치를 ​​가리키며 현재 요소 또는 현재 문서와의 연결을 설정하는 데 사용됩니다.

2. 결과의 차이점

(1) src 속성: 현재 콘텐츠를 대체하는 데 사용됩니다.

(2) href 속성: 현재 문서와 참조된 리소스 간의 연결을 설정하는 데 사용됩니다. 찾아보기 브라우저 구문 분석 방법의 차이점

(1) 브라우저가

문장을 구문 분석할 때까지 다른 리소스의 다운로드 및 처리를 일시 중지합니다. is 리소스는 현재 콘텐츠에 지정된 리소스를 적용하는 것과 유사하게 이미지 및 프레임과 마찬가지로 로드, 컴파일 및 실행됩니다. 이것이 js 스크립트를 헤드 대신 하단에 배치하는 것이 권장되는 이유입니다. 첨부: js를 헤드에 넣는 경우 src를 사용하여 외부 js 파일을 도입해야 합니다. defer="defer" 속성을 사용하면 js 코드를 실행하기 전에 html 문서가 로드될 때까지 기다리지만 defer 속성을 사용할 수 있습니다. 선박 내 IE 브라우징에만 사용됩니다.

(2) 문서에

를 추가하면 브라우저는 해당 문서를 CSS 파일로 인식하고 리소스를 병렬로 다운로드하며 현재 문서의 처리를 중단하지 마십시오. 이것이 CSS를 로드할 때 @import 메서드를 사용하는 대신 link 메서드를 사용하는 것이 권장되는 이유입니다. 요약: 위 내용이 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다. 더 많은 관련 튜토리얼을 보려면

HTML 비디오 튜토리얼

, CSS 기본 비디오 튜토리얼 , 부트스트랩 튜토리얼 을 방문하세요!

위 내용은 HTML의 scr과 href가 무엇인지에 대해 간략히 설명하겠습니다. scr과 href의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!