开发者社区> 问答> 正文

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

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

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

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

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

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

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

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

展开
收起
杨冬芳 2016-06-17 17:28:01 3115 0
1 条回答
写回答
取消 提交回答
  • IT从业

    看看一路做减法的结果把

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

    http://localhost/css/bootstrap.css

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

    //localhost/css/bootstrap.css

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

    /css/bootstrap.css

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

    2019-07-17 19:43:14
    赞同 展开评论 打赏
问答排行榜
最热
最新

相关电子书

更多
JavaScript面向对象的程序设计 立即下载
Delivering Javascript to World 立即下载
编程语言如何演化-以JS的private为例 立即下载

相关实验场景

更多