How to properly reference local resources in HTML?
As it turns out, referencing local resources can be a rub point for some. I'm looking for a canonical answer to local resource referencing, and what they mean. Take these examples, what is the difference between these reference paths? <img src="myfile.png" /> (no leading slash) <img src="/myfile.png" /> (with leading slash) <img src="folder/myfile.png" /> (no leading slash / in subfolder) <img src="/folder/myfile.png" /> (with leading slash / in sub folder) <img src="../folder/myfile.png" /> (with dots and a leading slash / in sub folder) A leading slash tells the browser to start at the root