HTML : 프로토콜에 독립적인 절대 경로 사용

브라우저가 HTTPS를 통해 SSL로 페이지를 보는 경우 https 프로토콜을 사용하여 해당 자산을 요청하고 그렇지 않으면 HTTP를 사용하여 요청합니다.

이렇게 하면 브라우저에서 "이 페이지에는 보안 항목과 비보안 항목이 모두 포함되어 있습니다"라는 끔찍한 오류 메시지가 표시되지 않고 모든 자산 요청이 동일한 프로토콜 내에서 유지됩니다.

예를 들어 이것을 이해합시다-

예 1 -



웹사이트 URL의 경우 - http://RajeshKumarYadav.com

<img src="http://RajeshKumarYadav.com/img/logo.png"/>


괜찮겠지만

<img src="https://RajeshKumarYadav.com/img/logo.png"/>


오류를 통해 것입니다.

예 2 -



웹사이트 URL의 경우 - https://RajeshKumarYadav.com

<img src="https://RajeshKumarYadav.com/img/logo.png"/>


괜찮겠지만

<img src="http://RajeshKumarYadav.com/img/logo.png"/>


오류를 통해 것입니다.

그럼 해결 방법은 무엇입니까?



오류를 수정하려면 프로토콜을 http 또는 https로 작성하지 않아야 하며 아래와 같이 자산을 호출할 수 있습니다.

<img src="//domain.com/img/logo.png"/>


여기에서 우리는 //만 사용하고 있음을 알 수 있으며 웹사이트에 http가 있는 경우 이미지에도 자동으로 http가 있고 웹사이트 URL에 https가 있는 경우 이미지에 자동으로 https가 있습니다.



모든 것을 말하면서 계속 배우는 것이 좋습니다!

이 기사를 읽어 주셔서 감사합니다. 와 에서 언제든지 저와 연결해 주세요.

좋은 웹페이지 즐겨찾기