我正在用HTML制作网页。每个HTML活动都使用相同的标头。因此，我使用了这段代码。
My web project's folder structure:
-activities
-info.html
-store.html
-common
-header.html
-CSS
-images
-logo.png
index.html
header.html中图像的位置： “ ../ images / logo.png”
使用此代码，它可以在info.html和store.html中使用。但是徽标图片由于其位置而未显示在index.html中。
使其在所有文件中都能正常工作的最佳方法是什么？
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#header").load("common/header.html");
});
</script>
<body>
<div id="header"></div>
</body>