[HTML] URL 사용 규칙
- Link
- https://developers.google.com/web/fundamentals/security/encrypt-in-transit/enable-https?hl=ko24
권장되지 않음 — 정규화된 사이트 내 URL을 사용하지 않는 것이 좋습니다.
<h1>Welcome To Example.com</h1>
<script src="http://example.com/jquery.js"></script>
<link rel="stylesheet" href="http://assets.example.com/style.css"/>
<img src="http://img.example.com/logo.png"/>;
<p>Read this nice <a href="http://example.com/2014/12/24/">new
post on cats!</a></p>
<p>Check out this <a href="http://foo.com/">other cool
site.</a></p>
즉, 사이트 내 URL을 가급적 프로토콜에 상대적으로(프로토콜 배제, //example.com
으로 시작) 또는 호스트에 상대적으로(/jquery.js
와 같이 경로만으로 시작) 만들어야 합니다.
권장 — 프로토콜에 상대적인 사이트 내 URL을 사용하는 것이 좋습니다.
<h1>Welcome To Example.com</h1>
<script src="//example.com/jquery.js"></script>
<link rel="stylesheet" href="//assets.example.com/style.css"/>
<img src="//img.example.com/logo.png"/>;
<p>Read this nice <a href="//example.com/2014/12/24/">new
post on cats!</a></p>
<p>Check out this <a href="http://foo.com/">other cool
site.</a></p>
권장 — 상대적인 사이트 내 URL을 사용하는 것이 좋습니다.
<h1>Welcome To Example.com</h1>
<script src="/jquery.js"></script>
<link rel="stylesheet" href="//assets.example.com/style.css"/>
<img src="//img.example.com/logo.png"/>;
<p>Read this nice <a href="/2014/12/24/">new
post on cats!</a></p>
<p>Check out this <a href="http://foo.com/">other cool
site.</a></p>