我在括号中的代码没有读取我调用的文件答案

【问题标题】：My code in Brackets is not reading the files I call我在括号中的代码没有读取我调用的文件
【发布时间】：2020-03-24 00:25:53
【问题描述】：

我的桌面上有一堆文件夹（在 Mac 上工作），我正在尝试将各种文件调用到我的 style.css 文件和 index.html 文件中。与其尝试对我的所有目录/代码进行复杂的解释，不如有人向我解释将文件调用到我的代码中是如何工作的？文件树层次结构如何在 adobe-brackets 中工作？例如，如果我有三个文件夹：

父文件夹/文件夹A/代码/index.html
父文件夹/文件夹 A/Images/cat.jpg
父文件夹/文件夹 B / MoreImages / dog.jpg
父文件夹/文件夹 C/MoreCode/style.css

如果我的索引文件在文件夹A，我想调用猫图片，是写文件夹A/Images/cat.jpg还是只需要写Images/cat.jpg？

并且要调用文件夹 A 之外的项目，因此在文件夹 B 和 C 中，我是否需要在 adobe-brackets 中执行任何操作才能让 adobe-brackets 了解这些文件夹的位置？例如，我试图将我的 style.css 表调用到我的 index.html 文件中。我通过简单地编写文件夹 C/MoreCode/style.css 来做到这一点。我还双击了我的 style.css 工作表，将其添加到括号中的工作文件列表中。但是，我的 html 文件仍然没有读取我的样式表。

【问题讨论】：

您将“括号”大写，这意味着它是一个专有名称，例如 Brackets 编辑器 - 或者您的意思是像 Deep Patel 似乎在他们的回答中假设的“尖括号”？
@StephenP 实际上我指的是括号编辑器。

标签： adobe-brackets adobe-brackets adobe-brackets html css adobe-brackets

【解决方案1】：

目录结构从文件当前位置开始工作。例如，如果您的 index.html 文件位于以下位置：

Parent Folder/Folder A/Code/index.html

而你要调用猫图片，你会使用以下路径：

../Images/cat.jpg

../ - 移出当前目录（代码），回到上一个目录（文件夹 A）。

Images/ - 查找名为 Images 的目录。

cat.jpg - 显示 cat.jpg 图像。

同样，要加载样式表，您需要向后移动两个目录。跳出当前目录Code/，再跳出Folder A/目录，回到Parent Folder/目录。所以你会使用：

../../Folder C/MoreCode/style.css

我还会从您的目录名称中删除空格，因为这可能会导致问题，因此不要将 Parent Folder/Folder A/ 更改为 ParentFolder/FolderA/。

【讨论】：

【解决方案2】：

<img src="picture.jpg">picture.jpg与当前页面位于同一文件夹

<img src="images/picture.jpg">

picture.jpg is located in the images folder in the current folder

<img src="/images/picture.jpg">

picture.jpg is located in the images folder at the root of the current web

<img src="../picture.jpg">

picture.jpg is located in the folder one level up from the current folder

要调用您的样式表，因为它是 2 级以下添加句号 3 次，然后 / 然后是文件夹名称和您的样式表名称。

直接来自 W3schools： https://www.w3schools.com/html/html_filepaths.asp

【讨论】：