HTML

HTML <BASE> & RELATIVE ABSOLUTE URL

(a quick guide)

ABSOLUTE URL A “full website address”. For example, http://site.com/assets/img.jpg

ABSOLUTE VS RELATIVE URL

01

RELATIVE URL A partial website address”. For example, assets/img.jpg 

Based on current address. If current URL is http://site.com/abc/, image will resolve to http://site.com/abc/assets/img.jpg

MUST BE IN <HEAD> SECTION <head>   <base href="http://site.com/assets/"> </head>

HTML BASE TAG

02

THIS WILL NOW RESOLVE TO http://site.com/assets/img.jpg  <img src="img.jpg"> 

OVERRIDE BASE TAG

03

http://site.com/assets/foo.html <a href="foo.html">Link</a> 

JUST USE ABSOLUTE URL  <a href="http://site.com/foo.html">Link</a>