首页 > HTML引用CSS&JS文件使用哪种方式更好(优雅?)。

HTML引用CSS&JS文件使用哪种方式更好(优雅?)。

HTML中引用CSSJS文件, 使用相对路径的写法,比如

<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
【热门文章】
【热门文章】