正确写标签需确保href路径准确：同级用href="file.html"，子目录用href="dir/file.html"，上级用href="../file.html"；避免绝对路径/path（双击失效）；图片能显示不等于链接可用；每个HTML须独立声明和正确CSS路径。
直接用 <a></a> 标签 + 正确的 href 路径就能实现，不需要 JS、不用服务器、双击 HTML 文件就能跑通。关键不是“会不会写标签”，而是路径写对没、文件放对位置没、浏览器能不能找到目标文件。
怎么写 <a></a> 标签才不会点不动
链接失效绝大多数是因为 href 值写错了，不是语法问题，是路径问题。
-
href="about.html"：表示当前目录下找about.html，两个文件必须在同一个文件夹里 -
href="pages/contact.html"：表示进到pages子文件夹里找contact.html -
href="../index.html"：表示退回上一级目录再找index.html - 绝对路径（如
href="/project/home.html"）在本地双击打开时会失败，因为没有 HTTP 协议上下文，浏览器按 file:// 协议解析，/指向的是磁盘根目录
为什么图片能显示，但链接点不开
这是新手最常卡住的地方：图片路径和链接路径是两套独立系统，不能互相推导。
- 你写
<img src="img/logo.png" alt="HTML网页制作怎么实现多页面互相跳转" >能显示，不代表<a href="img/logo.png"></a>就能跳转——后者会试图打开一张图片，不是网页 - 你把
index.html和news.html放在不同文件夹，却还写href="news.html"，浏览器就在当前文件夹里找，找不到就 404（控制台报错net::ERR_FILE_NOT_FOUND） - Windows 和 macOS 对大小写不敏感，但部署到 Linux 服务器后，
About.html和about.html就是两个文件——本地能点开，上线就 404
target="_blank" 为什么新窗口打不开或被拦截
加了 target="_blank" 却没反应，通常不是代码写错，而是浏览器策略或缺失配套属性。
立即学习“前端免费学习笔记（深入）”；
- 只写
target="_blank"不安全，现代浏览器（Chrome/Firefox/Safari）会自动添加rel="noopener noreferrer"，但旧版可能拦截或导致window.opener泄露 - 正确写法必须是：
<a href="https://example.com" target="_blank" rel="noopener noreferrer">外部链接</a> - 如果目标是本地 HTML 文件（比如
href="other.html"），target="_blank"依然有效；但若该文件路径错误，新窗口会显示空白页或报错，而不是跳转失败提示 - 某些浏览器扩展（如广告拦截器）会静默屏蔽未声明
rel的target="_blank"，建议始终带上
页面跳转后样式全丢、中文变乱码怎么办
这不是跳转逻辑的问题，而是每个 HTML 文件自身的基础配置没写全。
- 每个页面都必须有
<meta charset="UTF-8">，缺了就会中文乱码，跟跳转无关，但容易误以为是跳转导致 - CSS 是独立加载的，跳转后不会继承上一个页面的样式表。每个页面都要重新写
<link rel="stylesheet" href="style.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 到底被浏览器解释成了什么位置。
