相对路径404主因是开发与部署路径不一致：本地file://下href="./page.html"找同级，部署后若实际在/subdir/则失效；应统一用根相对路径href="/page.html"。
响应式模板里跳转页面，和普通 HTML 没本质区别；真正出问题的，90% 是路径写错、锚点失效、或 target="_blank" 缺 rel 导致新标签页被拦截。
相对路径跳转为什么在响应式模板里经常 404？
响应式模板通常用 CSS 媒体查询 + 弹性布局，但 HTML 跳转本身不感知屏幕尺寸——出错根源是开发时目录结构和部署后路径不一致。
- 本地双击打开
index.html时，浏览器用file://协议，href="page2.html"会去找同级目录；但部署到服务器（如https://example.com/）后，若实际路径是/subdir/page2.html，这个相对路径就失效 - 常见误写：
href="./pages/about.html"—— 看似规范，但若当前页 URL 是/blog/post1，./pages/就会解析成/blog/pages/，而非你预期的根目录下 - 更稳妥写法：统一用根相对路径，即以
/开头，例如href="/about.html"或href="/pages/contact.html"，它始终从域名根开始计算
响应式图片里的可点击区域怎么跳转才不偏移？
用 <map></map> + <area> 实现单图多链接时，缩放会导致坐标错位——这不是“响应式没做好”，而是坐标系没跟着变。
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
-
<img>加了width或 CSSmax-width: 100%后，原图像素坐标（比如coords="10,20,100,80"）依然按原始尺寸计算，视觉上区域就“飘”了 - 真响应式方案只有两个：
<picture></picture>切换不同分辨率的图+配套<map></map>；或者 JS 监听resize动态重算coords（需保存原始宽高比） - 别用
shape="default"——它不支持href，只做 fallback 区域，现代浏览器基本不触发跳转
target="_blank" 在移动端响应式页面里为什么有时不生效？
不是浏览器兼容问题，而是安全策略拦截：Chrome、Safari 等现代浏览器默认阻止无 rel 属性的 target="_blank" 新开页，尤其在 iOS Safari 中静默失败。
- 必须写全：
target="_blank" rel="noopener noreferrer"；缺rel会导致 opener 安全漏洞，且部分 WebView（如微信内置浏览器）直接拒绝跳转 - 移动端点击热区小，建议给
<a></a>加padding或min-height，避免因触摸精度导致“点了没反应” - 如果跳转目标是 PDF 或其他非 HTML 资源，某些安卓 WebView 会直接下载而不提示——加
download属性反而可能触发下载，慎用
响应式跳转最易被忽略的点：锚点跳转（href="#section2"）在高度动态变化的页面中，滚动位置常不准——因为 JS 插入内容、图片加载延迟、CSS 动画都可能让目标元素位置偏移。解决它不靠改 HTML，而要监听 load 和 resize 后手动 scrollIntoView。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
