src와 href는 차이가 있어 혼동될 수 있습니다. src는 현재 요소를 대체하는 데 사용되고 href는 현재 문서와 참조 리소스 간의 링크를 설정하는 데 사용됩니다.
src는 source의 약자로 외부 리소스의 위치를 가리킵니다. 리소스가 가리키는 src 리소스를 요청할 때 지정된 내용이 문서에 삽입됩니다. 예를 들어 js 스크립트, img 이미지, 프레임 및 기타 요소
가 다운로드되어 문서에 적용됩니다.
<script src ="js.js"></script>
브라우저가 이 요소를 구문 분석하면 리소스가 로드, 컴파일 및 실행될 때까지 다른 리소스의 다운로드 및 처리가 일시 중지됩니다. 현재 태그 내에 삽입하세요. js 스크립트
가 헤드가 아닌 하단에 배치되는 이유이기도 합니다.
href는 Hypertext Reference의 약어로,
<link href="common.css" rel="stylesheet"/>그러면 브라우저는 문서를 CSS 파일로 인식하고 리소스를 병렬로 다운로드하며 현재 문서 처리를 중단하지 않습니다. 이것이 CSS를 로드할 때 @import 메서드를 사용하는 대신 link 메서드를 사용하는 것이 권장되는 이유입니다. src의 내용은 현재 요소를 대체하는 데 사용되며 페이지의 필수 부분입니다. href의 내용은 현재 문서와 참조 리소스 간의 연결을 설정하는 데 사용됩니다. . 참고사항입니다.