在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
你好,我是AI助理
可以解答问题、推荐解决方案等
评论
全部评论 (0)