【问题标题】:Ressources relative path formatting资源相对路径格式
【发布时间】:2016-09-10 19:49:14
【问题描述】:
我想知道在 HTML 中相对路径的开头使用 ./ 是否会影响浏览器加载它的方式,或者它是否只是多余的?
如果它是多余的,哪个更好用?
<link href='./css/font-awesome.min.css' rel='stylesheet' type='text/css'>
或
<link href='css/font-awesome.min.css' rel='stylesheet' type='text/css'>
【问题讨论】:
标签:
html
url
relative-path
【解决方案1】:
两个 href 都访问 css 文件夹中的同一个 css 文件,不会导致任何问题。
我们通常更喜欢 1st href 的原因是出于可读性目的。
它实际上是说从根目录中名为 CSS 的文件夹中获取文件。
在使用第一个 href 时,我们在指定点时需要小心。
如果我们不想访问子文件夹中的文件,应该只指定一个点。
如果我们要访问父文件夹中的文件,则应指定 2 个点。
例如链接 href = "../test.css" rel='stylesheet' type='text/css'
这里我们尝试访问根文件夹中的 test.css 文件,而 HTML 页面是从文件夹 1 呈现的,文件夹 1 是根文件夹中的子文件夹。
希望这能消除您的疑虑。
【解决方案2】:
你是对的,这是多余的。
使用相对路径,浏览器将查找文件相对到链接所在页面的位置。由于./ 指的是工作文件所在的目录(在本例中为html 文档),我们可以说两者都指向同一个位置——这是多余的。