如何从文件夹(需要移动)运行离线演示页面



我如何创建一个演示页面(HTML文件),从一个文件夹(这里是棘手的部分)能够被重新定位而不中断样式表/JavaScript链接?

显然,我可以离线创建一个页面,并将基本标签设置为包含文件夹,但如果文件夹被移动,例如到另一台计算机上,链接将被破坏,所有的样式和编码将从页面上消失。我看过这样做,所以我知道这是可能的,但我还没能弄清楚。

我意识到我可以把样式和JavaScript放在HTML文件本身,但我想避免这样做,因为这会变得相当混乱。

如何使用相对路径的css,图像等?

你应该使用相对链接,像这样:

<img src="img/pic.jpg">
<script type="text/javascript" src="js/script.js"></script>
<link rel="stylesheet" type="text/css" href="css/style.css">

所以你得到了这些文件:

movable_folder/page.html
movable_folder/img/pic.jpg
movable_folder/js/script.js
movable_folder/css/style.css

更多关于相关/绝对链接的信息在这里:http://www.motive.co.nz/glossary/linking.php