加超链接最灵活的方式是只写标签和href属性，其他按需添加；href值必须用引号包裹（如href="about.html"），绝对url须带协议（如https://），相对路径以当前html文件所在目录为基准，target="_blank"必须配rel="noopener"，锚点链接的id须严格匹配且仅含字母、数字、下划线或短横线。

加超链接最灵活的方式，就是只写 @#@#@#@#@#@#@#@#@#@0

rel="noreferrer" 可选，它会阻止 Referer 头发送，但 noopener 已解决核心安全问题

不要写 rel="noopener noreferrer" 以外的组合，比如 rel="noopener noreferrer nofollow" —— nofollow 对用户点击链接无意义，只影响搜索引擎抓取

锚点链接 #id 要严格匹配目标元素的 id

锚点不是“差不多就行”，大小写、空格、特殊字符差一点，滚动就失败。浏览器不会报错，只是静默不跳转。

Wechat HTML Publisher

直接上传HTML富文本到微信公众号草稿箱。支持完整的HTML格式,无需Markdown转换。

下载

• 目标元素必须有 id 属性，不是 class：<h2 id="section2">第二部分</h2>
• 链接写成 href="#section2"，注意井号不能少，也不能写成 href="section2"
• ID 值只能含字母、数字、下划线 _ 和短横线 -，中文、空格、括号都会让锚点失效
• 页面加载完成后才能跳转，如果目标元素是 JS 动态插入的，得等它挂载完再触发 location.hash

真正容易被忽略的，是路径计算基准和 href 字符串包裹这两条——它们不出错时一切正常，一出错就全链路失效，而且浏览器控制台不报语法错误，只能靠右键「检查元素」手动复制 href 值去地址栏试。

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