URL은 인터넷에서 얻을 수 있는 리소스의 위치와 액세스 방법을 간결하게 표현한 것입니다. 인터넷상의 표준 리소스 주소입니다. 인터넷의 모든 파일에는 파일 위치와 브라우저가 해당 파일로 수행해야 하는 작업을 나타내는 정보가 포함된 고유한 URL이 있습니다.
구조:
모드(또는 프로토콜) + 서버 이름(IP 주소), 경로 및 파일 이름, 예: https://segmentfault***/a/1190000002877022. 인증 부분이 포함된 일반 URL(Uniform Resource Identifier)입니다.
카테고리: 절대 URL 및 상대 URL(URL 자체가 포함된 폴더 위치를 참조 지점으로 사용)
href와 src
1.href의 정의 및 차이점
1.href(하이퍼텍스트 참조) 네트워크의 위치 리소스, 브라우저 현재 리소스가 스타일 시트이고 페이지 구문 분석이 일시 중지되지 않는다는 것을 인식합니다(브라우저에 페이지를 그리거나 렌더링하려면 스타일 규칙이 필요하기 때문에 렌더링 프로세스가 일시 중지될 수 있음). 이는 CSS 파일의 내용을 <style> 태그에 쓰는 것과 다르므로 스타일 시트를 html 문서로 가져오려면 @import 대신 link 태그를 사용하는 것이 좋습니다.
2. src(소스) 속성은 현재 문서 요소에 의해 정의된 위치에만 현재 리소스를 포함합니다. 브라우저가 이 파일을 다운로드, 컴파일 및 실행하기 전에 페이지 로드 및 처리가 일시 중지됩니다. 이 프로세스는 <script> 태그에 js 파일을 배치하는 것과 유사합니다. 하단에 JS 파일을 로드하는 것을 권장하는 이유이기도 합니다. 물론 img 탭도 비슷합니다. 브라우저는 이미지를 가져와서 로드할 때까지 로드를 일시 중지합니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
URL(Uniform Resource Locator) 유니폼 리소스 로케이터.
URL은 인터넷에서 얻을 수 있는 리소스의 위치와 액세스 방법을 간결하게 표현한 것입니다. 인터넷상의 표준 리소스 주소입니다. 인터넷의 모든 파일에는 파일 위치와 브라우저가 해당 파일로 수행해야 하는 작업을 나타내는 정보가 포함된 고유한 URL이 있습니다.
구조:
모드(또는 프로토콜) + 서버 이름(IP 주소), 경로 및 파일 이름, 예: https://segmentfault***/a/1190000002877022. 인증 부분이 포함된 일반 URL(Uniform Resource Identifier)입니다.
카테고리: 절대 URL 및 상대 URL(URL 자체가 포함된 폴더 위치를 참조 지점으로 사용)
href와 src
1.href의 정의 및 차이점
1.href(하이퍼텍스트 참조) 네트워크의 위치 리소스, 브라우저 현재 리소스가 스타일 시트이고 페이지 구문 분석이 일시 중지되지 않는다는 것을 인식합니다(브라우저에 페이지를 그리거나 렌더링하려면 스타일 규칙이 필요하기 때문에 렌더링 프로세스가 일시 중지될 수 있음). 이는 CSS 파일의 내용을 <style> 태그에 쓰는 것과 다르므로 스타일 시트를 html 문서로 가져오려면 @import 대신 link 태그를 사용하는 것이 좋습니다.
2. src(소스) 속성은 현재 문서 요소에 의해 정의된 위치에만 현재 리소스를 포함합니다. 브라우저가 이 파일을 다운로드, 컴파일 및 실행하기 전에 페이지 로드 및 처리가 일시 중지됩니다. 이 프로세스는 <script> 태그에 js 파일을 배치하는 것과 유사합니다. 하단에 JS 파일을 로드하는 것을 권장하는 이유이기도 합니다. 물론 img 탭도 비슷합니다. 브라우저는 이미지를 가져와서 로드할 때까지 로드를 일시 중지합니다.
🎜🎜프론트엔드의 url, href, src 지식에 대한 자세한 설명: http://www.php.cn/div-tutorial-409689.html