将外部 css/js 文件包含到 html 页面中答案

【问题标题】：Include external css/js file into html page将外部 css/js 文件包含到 html 页面中
【发布时间】：2016-07-07 16:20:37
【问题描述】：

我正在尝试手动链接我的 CSS 和 Javascript 文件到我的 HTML 脚本，但我从来没有真正使用 来自不同文件夹的文件/目录.这是我目前所拥有的：

<link rel="stylesheet" type="text/css" href="/Desktop/Script/CSS/tempeststyle.css"/>
<link rel=script" type="text/javascript" href="/Desktop/Script/Javascript/tempestscript.js"/>

我从几个来源中了解到，您不必从 C:/Users 开始，或者其他系统可能会出现任何情况，但我不确定这些链接是否可以接受是（即，它们从“/Desktop”开始）。这些文件位于桌面上同一文件夹中的不同文件夹中。那么如何以最好的方式包含它们呢？谢谢。

【问题讨论】：

如果您使用的是网络服务器，那么这些链接是不可接受的
“链接”是一个网址。如果您无法通过网络浏览器看到它，那么它将无法正常工作。您需要将您的 css/js 放入您网站的文件夹中，而不是桌面
第二个应该使用<script>标签，而不是<link>。
另外，使用<script>而不是<link>来包含JS。
谢谢@ManojKumar fuyushimoya。

标签： javascript css href

【解决方案1】：

如果你想从本地路径添加脚本，你可以使用相对路径：

<link rel="stylesheet" type="text/css" href="../CSS/tempeststyle.css"/>

或您的网络根文件夹的相对路径：

<link rel="stylesheet" type="text/css" href="/styles/CSS/tempeststyle.css"/>

或文件系统绝对路径：

<link rel="stylesheet" type="text/css" href="file:///C:/Path/To/Scripts/styles/CSS/tempeststyle.css"/>

如果您使用 Web 服务器的绝对路径会更好：

<link rel="stylesheet" type="text/css" href="http://www.example.com/styles/CSS/tempeststyle.css"/>

【讨论】：

小心file:// 这会在浏览器（客户端）而不是服务器上查找文件！因此，除非浏览您网站的人在本地拥有此文件（99% 的情况不太可能），否则他们不会获得相关的 css/js。通常不会使用它。
绝对正确@Liam，绝对文件系统路径已添加为完整性，但通常是无用的。
你们能否详细说明如何从网络服务器中查找/创建绝对路径，或者向我指出一些有帮助的地方？