【问题标题】:Should image/css/javascript references from HTML use relative or absolute paths?HTML 中的 image/css/javascript 引用应该使用相对路径还是绝对路径?
【发布时间】:2011-02-04 20:13:12
【问题描述】:

使用相对路径或绝对路径引用网络资产的优缺点是什么?例如:

<link rel="StyleSheet" href="/css/mystylesheet.css" type="text/css" />
<img src="/images/myimage.gif" alt="My Image" />

对比

<link rel="StyleSheet" href="../css/mystylesheet.css" type="text/css" />
<img src="../images/myimage.gif" alt="My Image" />

【问题讨论】:

    标签: html path relative-path absolute-path


    【解决方案1】:

    如果您选择使用绝对路径而不是使用相对路径,最大的问题是可维护性。

    例如,假设您想更改服务器文件的结构,甚至将您的应用程序移动到其他环境。为此,您将需要额外的工作,因为需要更改所有绝对路径。同样的场景,使用相对路径,就不再需要额外的工作了。

    我的建议是在您的开发过程中使用相对路径作为标准,并且只有在绝对必要时,才选择使用绝对路径。

    【讨论】:

      【解决方案2】:

      这取决于文件的服务器端组织。如果您使用URL rewritingfront controller,则相对路径可能不起作用。

      另一方面,如果您使用绝对路径(即使您只是使用“普通”HTML 页面),您也可以重新排列页面而不用关心它们在结构中的位置。

      【讨论】:

        【解决方案3】:

        答案是“视情况而定”。但大多数时候,绝对路径可能是最好的。

        我在使用模板的地方使用绝对路径,或者如果我使用 Apache 的 mod_rewrite。

        如果您有一个带有样式表的页面,您可能会使用相对路径,该样式表在上传时可能会放置在不同的级别。 ie你写了一个页面,会在很多网站上使用,有些人可能会上传到根目录,有些人可能不会 - 通过使用相对路径,只要他们将html文件和css文件一起上传,它会起作用 - 而在这种情况下绝对路径不会。

        【讨论】:

        • 我认为您使用相对路径和绝对路径的方式不正确。第一个例子是绝对的,第二个是相对的。
        猜你喜欢
        • 2015-11-13
        • 1970-01-01
        • 2011-11-25
        • 2019-09-09
        • 2018-09-17
        • 2012-08-24
        • 1970-01-01
        • 2014-03-09
        • 2011-10-16
        相关资源
        最近更新 更多