正确写标签需确保href路径准确:同级用href="file.html",子目录用href="dir/file.html",上级用href="../file.html";避免绝对路径/path(双击失效);图片能显示不等于链接可用;每个HTML须独立声明和正确CSS路径。

直接用 @#@#@#@#@#@#@#@#@#@0
href="other.html"),target="_blank" 依然有效;但若该文件路径错误,新窗口会显示空白页或报错,而不是跳转失败提示rel 的 target="_blank",建议始终带上页面跳转后样式全丢、中文变乱码怎么办
这不是跳转逻辑的问题,而是每个 HTML 文件自身的基础配置没写全。
- 每个页面都必须有
,缺了就会中文乱码,跟跳转无关,但容易误以为是跳转导致 - CSS 是独立加载的,跳转后不会继承上一个页面的样式表。每个页面都要重新写
,且href路径也要按当前页面位置来算 - 如果用了相对路径引入 CSS,比如
href="css/main.css",而about.html在pages/目录下,那它会去pages/css/main.css找——实际文件却在根目录,结果样式失效 - 解决办法:统一用从根目录开始的路径,比如
href="/css/main.css"(注意开头的/),但前提是用本地服务器运行(如 VS Code Live Server),双击打开仍不支持
真正难的不是写出跳转代码,而是让所有文件在文件系统里“对得上号”:路径层级、大小写、编码声明、CSS 引入方式,每个环节都得一致。本地双击测试时尤其要盯紧浏览器地址栏的 file:// 路径,它暴露了你写的 href 到底被浏览器解释成了什么位置。

前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











