开发者社区> 问答> 正文

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

杨冬芳 2016-06-17 17:28:01 1556

在HTML中引用CSS和JS文件, 使用相对路径的写法,比如

<link rel="stylesheet" href="css/bootstrap.css" media="all" />

或者使用加上域名的写法,比如

<link rel="stylesheet" href="http://localhost/css/bootstrap.css" media="all" />

两种写法哪种更好一点,或者说更"优雅"?

第一种方法使用相对路径可能会因为跳转出现找不到文件的问题,但是采用单文件入口应该可以避免这个问题。

就这个问题,请教各位开发者。谢谢

前端开发 JavaScript 开发者
分享到
取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:43:14

    看看一路做减法的结果把

    1# 完全路径,好处是替换模式即可,不好的地方是不太灵活,多了几个字节

    http://localhost/css/bootstrap.css

    2# 协议相对化,好处是可以从http无缝迁移到https

    //localhost/css/bootstrap.css

    3# 域名、协议相对化,从根域名开始的路径,个人更倾向于这个方案。

    /css/bootstrap.css

    4# 域名、协议、路径皆相对化。灵活性最大,但是重构需要根据路径上下文来进行,最难以做替换。
    全选复制放进笔记
    css/bootstrap.css

    0 0

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程