说起这个超链接里的 anchor，也就是大家常说的“锚点”，很多人觉得这玩意儿深奥，说白了，它就是给网页上的某个位置钉了个钉子，好让你一眼就能蹦到那儿去。
起因：被一坨乱七八糟的文档搞崩了
我之所以想研究这玩意儿，还是因为前阵子接手了一个老掉牙的项目。那项目的说明文档长得离谱，我滑动鼠标滚轮手都快抽筋了，也找不着我要看的那一段代码解释。当时我就火了，心想这做网页的人是不是诚心恶心人？既然内容这么多，你倒是给我做个目录跳一下！也就是在那天下午，我一边骂骂咧咧，一边把手里的咖啡一放，开始重新倒腾这些 anchor 的用法。
实践：我这一下午是怎么折腾的
我先是打开了那个烂透了的 HTML 文件，从头到尾扫了一遍。最原始的操作，就是得先在目的地“埋雷”。我在正文里那些重要的小标题旁边，挨个加上了 id 属性。比如那个讲接口定义的标题，我就写了个 id="api-part"。这一步简单，就是给这个位置起个名字，全网页唯一，别重名就行。
接下来就是最关键的一步，得在前言那儿做个“传送阵”。我整了一排 <a> 标签，重点就在这个 href 属性里。我发现很多人老是忘了加那个“#”号，光写个名字，那浏览器哪儿知道你是要跳本页还是要去新页面？我把代码改成 href="#api-part"，保存，刷新，点一下，嗖的一声，页面直接弹到了对应位置。这种感觉，就像在迷宫里开了瞬移挂一样爽。
- 第一步：找准位置，用 id 属性给它打上标记。
- 第二步：在跳转的地方，用 # 加上刚才那个 id 名字。
- 第三步：如果想跳到别人网站的特定位置，就在网址后面直接拼上 # 和那个 id。
进阶：发现了一些坑人的细节
折腾过程中我也遇到了闹心事。有时候我一点跳转，那个标题直接被顶部的固定导航栏给挡住了，露出半截文字，看着特别寒碜。我当时就在想，这玩意儿能不能往下挪一点？后来我试了试在 CSS 里给那个 id 加了个 scroll-margin-top，总算留出了空隙，不至于让标题钻到导航栏底下去憋死。
还有一个坑，就是有些同事喜欢用 name 属性当锚点。这都是老掉牙的用法了，现在的标准早就推崇用 id 了。我把项目里所有那些 name 全给删了，统一换成了 id，代码瞬间清爽了不少，搜索引擎爬起网页来估计都得给我点个赞。
这事儿不难
忙活了半天， anchor 没那么多弯弯绕。它就是个定位符，让你在长篇大论里不至于迷路。我把这套逻辑分享给组里的新人，他们一开始还半信半疑，结果自己上手一试，都直呼好用。现在我们的内部文档全是这种带锚点的，想看哪块点哪块，再也不用像个没头苍蝇一样拿鼠标滚轮滑来滑去了。干咱们这行的，能偷懒的地方一定要偷懒，而 anchor 就是那个让你偷懒偷得理直气壮的好东西。
