HTML 在 VSCode 之外打开时路径不起作用
HTML Paths not working when opened outside of VSCode
我正在学习 HTML 并且我将我的二级网站保留在 /subwebsites/website.html
/ 是还包含 index.html:
的根文件夹
File structure
但是，在 VSCode 实时服务器浏览器之外的任何位置打开子网站会使子网站无法再找到任何样式表、其他 .html 文件或图像。它适用于 index.html，但一旦该网站包含在子文件夹中，它就不再适用。我确信这与我的路径设置方式有关，但我尝试了我所知道的一切：
styles/main.css
./styles/main.css
/styles/main.css
picture showing how i added my paths
提前感谢您的帮助。
在这种情况下，您的 html 文件需要上一级。因此，为此您可以轻松使用 ../.
所以只用这个：
../styles/main.css^_^
或
./../styles/main.css 用于您的子网站。
但最好考虑开始使用某种本地服务器。例如，live-server 对应 VSCode.
还有对你有用的信息：
/ - 当前驱动器的根目录
./ - 当前目录
../ - 当前目录的父目录
您可以使用 ~/styles/main.css 或 ../styles/main.css
../ 是上一个文件夹
~/ 是服务器的根目录
原因，可能是服务器在这个文件夹中寻找样式。而且找不到。
我正在学习 HTML 并且我将我的二级网站保留在 /subwebsites/website.html
/ 是还包含 index.html:
的根文件夹File structure
但是，在 VSCode 实时服务器浏览器之外的任何位置打开子网站会使子网站无法再找到任何样式表、其他 .html 文件或图像。它适用于 index.html，但一旦该网站包含在子文件夹中，它就不再适用。我确信这与我的路径设置方式有关，但我尝试了我所知道的一切：
styles/main.css
./styles/main.css
/styles/main.css
picture showing how i added my paths
提前感谢您的帮助。
在这种情况下，您的 html 文件需要上一级。因此，为此您可以轻松使用 ../.
所以只用这个：
../styles/main.css^_^
或
./../styles/main.css 用于您的子网站。
但最好考虑开始使用某种本地服务器。例如，live-server 对应 VSCode.
还有对你有用的信息：
/- 当前驱动器的根目录./- 当前目录../- 当前目录的父目录
您可以使用 ~/styles/main.css 或 ../styles/main.css
../ 是上一个文件夹 ~/ 是服务器的根目录
原因，可能是服务器在这个文件夹中寻找样式。而且找不到。