在HTML
中引用CSS
和JS
文件, 使用相对路径的写法,比如
<link rel="stylesheet" href="css/bootstrap.css" media="all" />
或者使用加上域名的写法,比如
<link rel="stylesheet" href="http://localhost/css/bootstrap.css" media="all" />
两种写法哪种更好一点,或者说更"优雅"?
第一种方法使用相对路径可能会因为跳转出现找不到文件的问题,但是采用单文件入口应该可以避免这个问题。
就这个问题,请教各位开发者。谢谢
看看一路做减法的结果把
1# 完全路径,好处是替换模式即可,不好的地方是不太灵活,多了几个字节
http://localhost/css/bootstrap.css
2# 协议相对化,好处是可以从http无缝迁移到https
//localhost/css/bootstrap.css
3# 域名、协议相对化,从根域名开始的路径,个人更倾向于这个方案。
/css/bootstrap.css
4# 域名、协议、路径皆相对化。灵活性最大,但是重构需要根据路径上下文来进行,最难以做替换。
css/bootstrap.css