HTML에서 src와 href의 차이점은 무엇입니까? 사용법에는 어떤 차이가 있나요?

이 글에서는 주로 HTML의 src와 href의 차이점 과 사용법을 소개합니다.

저희 프론트엔드 개발 과정에서 src와 href를 단독으로 사용하면 다들 매우 익숙하실 텐데요, 함께 비교해 보면 한동안 명확하게 설명하지 못할 수도 있습니다.

그리고

src와 href의 차이점에 대한 질문은 프론트엔드 인터뷰 질문에 매우 자주 등장합니다.

이제 src와 href의 차이점을 자세히 소개하고 요약하겠습니다

.

1. href는 Reference의 약어로 하이퍼텍스트 참조를 의미합니다.

href는 네트워크 리소스의 위치를 ​​말하며 현재 요소(anchor) 또는 현재 문서(link)와 링크를 설정하며 다음 용도로 사용됩니다. 하이퍼링크.

사용법:

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

또는

<link href="xx.css" rel="stylesheet"/>

등

2. src는 source의 약자로 리소스 소개를 의미합니다.

src는 외부 리소스의 위치를 ​​가리키며, 가리키는 내용은 다음과 같습니다.

src 리소스를 요청하면 태그가 가리키는 리소스가 다운로드되어 js 스크립트, img 이미지, 프레임 및 기타 요소에 적용됩니다. .

브라우저가 이 요소를 구문 분석하면 리소스가 로드, 컴파일 및 실행될 때까지 다른 리소스의 다운로드 및 처리가 일시 중지됩니다. 이는 지정된 리소스를 삽입하는 것과 유사합니다. 현재 태그에 넣습니다. 이것이 js 스크립트가 헤드 대신 하단에 배치되는 이유이기도 합니다.

사용법:

<script src="js.js"></script>

또는

<img  src="/static/imghwm/default1.png"  data-src="xx.jpg"  class="lazy"   / alt="HTML에서 src와 href의 차이점은 무엇입니까? 사용법에는 어떤 차이가 있나요?" >

등

Note

: src와 href는 서로 바꿀 수 없습니다. 교체 가능한 요소에는 src를 사용하는 반면, href는 문제의 문서와 외부 리소스 간의 관계를 설정하는 데 사용됩니다. 이 글은

src와 href

의 차이점에 관한 글입니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!

위 내용은 HTML에서 src와 href의 차이점은 무엇입니까? 사용법에는 어떤 차이가 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!