有没有比重复../更简单的HTML路径方法？

非常基本的问题，请给我一些建议。 当然，我所有的网络图像和CSS都是在我的根目录中组织的。然后，我有一个目录文件夹，它分为3-4个更深的子类别。在我的HTML中，它变得有点混乱，因为我使用了大量的图像/css：

。/

<img src="../../../images/myimage.png" style="width:200px; height:auto;">

你们推荐什么？你这样做吗？或者我应该将与该文件相关的图像分为子类别吗？谢谢，一如既往

---

C:\Users\sam\Desktop\webroot\catalog\folder1\folder2\folder3这是正确的方法。您不必在相关文件夹中对图像进行排序，而可以像以前一样将其保存在单独的文件夹中

有一种方法可以将

。/

<img src="../../../images/myimage.png" style="width:200px; height:auto;">

不要直接在标记行中指定

src

。 始终希望使用单独的

css

文件或

javascript

文件来执行此操作。 您可以将所有

css

文件放在一个文件夹中，并且可以使该文件夹更靠近您的

images

文件夹

因此，您只能使用一个

。/

。它看起来像

。/images/yourmage.png

假设您的html文件的位置如下

\1\2\3\4\5\6\7\8\sample.html

您的图像文件位于

\1\images\

您可以将所有

javascript

文件放在一个靠近

images

文件夹的文件夹中，如下所示

\1\scripts\

现在假设在您的

sample.html

文件中有许多图像标记，如下所示

<img height="200" width="200" class="nature"/>
<img height="200" width="200" class="nature"/>
<img height="200" width="200" class="nature"/>

注意：这是您唯一要使用冗长的

。/

在

myscripts.js

文件中，您可以简单地使用

<script src="../../../../../../../../scripts/myscripts.js"></script>

同样，您也可以对其余的标记执行此操作。 因此，在javascript中，您不需要使用冗长的位置

---

您可能有100个

img

标签。您只需将此

js

文件导入一次并使用它。

您可以使用

base

进行此操作，请参见

HTML元素指定用于文档中包含的所有相对URL的基本URL。文档中只能有一个元素

例如，如果文件夹结构类似于域/图像集

---

你试过了吗

我不知道，我的代码是什么？类似这样的东西->如果你的图像位于
yourdomain/images
set
啊，我喜欢！非常好，我可以在我的头中定义根，并简化HTML其余部分中的所有路径。把这个贴出来作为你的答案：）但举例来说：我有一个文件夹，里面是另一个，里面是另一个。。。直到x20。然后我必须使用../20次？有点傻？是的。如果您的文件夹结构是这样的，那么您必须。。否则，只需遵循我上面提到的
css
文件概念即可。因为这样你可以最小化位置的长度。