简单总结一下html中能见到的各种相对路径

试列举如下（在本文中，星号表示资源名）：

href="/*"  href="//*"   href="*" href="./*"  href="../*"   href="../../*"   ......
src="/*"   src="//*"    src="*"  src="./*"   src="../*"    src="../../*"   ......
url="/*"   url="//*"    url="*"  url="./*"   url="../*"    url="../../*"   ......

以及，以上双引号"换成单引号'或符号`后，可以再写一遍；
简单解说：

1. “../*”表示上一级目录开始，可以套多个
2. “./*”表示当前同级目录开始
3. “*”表示当前同级目录开始，同2
4. “/*”表示根目录开始
5. “//*”表示根路径或协议（window.location.protocol）