Как запустить автономную демонстрационную страницу из папки (которая должна быть подвижной)?

Как я могу создать демонстрационную страницу (html-файл), которая запускается из папки, которая (здесь самая сложная часть) может быть перемещена без прерывания ссылок таблицы стилей / JavaScript? Очевидно, что я могу создать страницу в автономном режиме и установить базовый тег для содержащей ее папки, но если папка будет перемещена, например, на другой компьютер, ссылки будут нарушены, и все стили и кодирование исчезнут со страницы. Я видел, как это было сделано, поэтому я знаю, что это возможно, но я не смог понять это.

Спасибо

Редактировать: я понимаю, что я мог бы просто разместить стили и javascript в самом файле html, но я хотел бы избежать этого, так как это может стать довольно грязным.

Источник

2 ответа

Решение

Как насчет использования относительных путей для 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

дополнительная информация о ссылках relatite/absllute здесь: http://www.motive.co.nz/glossary/linking.php

Источник
Другие вопросы по тегам