Question

真正基本的问题，有些建议会很好。我的所有Web图像和CSS当然都是在我的根目录中组织的。然后我有一个目录文件夹，分为3-4个更深的子类别。在我的HTML中，我的图像/ css变得有点乱，因为我使用了很多：

../

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

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

C：\用户\ SAM \桌面\根目录\目录\ folder1中\文件夹2 \ folder3

Answer 1

您可以使用base查看MDN

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

例如，如果您的文件夹结构类似于您的域/图像集 <base href="yourdomain"/>

Answer 2

这是正确的方法。您可以将其保存在单独的文件夹中，而不是像在相关文件夹中那样对其进行排序。

有一种方法可以最小化../

的这一次

不要直接在标记的行中分配src。始终更喜欢单独的css文件或javascript文件来执行此操作。您可以将所有css个文件放在一个文件夹中，并且可以使该文件夹更靠近images文件夹。

这样您只能使用一个../。它看起来像../images/yourimage.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"/>

您可以像这样导入javascript文件

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

注意：这是您将使用冗长的../

的唯一地方

在myscripts.js文件中，您只需使用

即可

$(".nature").attr("src","../images/yourimage.png");

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

您可能拥有100个img个标签。您只需导入此js文件一次即可使用。