别把链接做成按钮：真链接本来就有七种用法
来源：maurycyz.com — 2026-05-31
📋 概述
用 span 加 onclick 跳转看着像链接，其实只是个退化仿制品。真链接可以新标签页打开、新窗口打开、另存为文件、右键复制 URL、键盘 tab 加回车访问、被搜索引擎与读屏软件识别，鼠标悬停还能看到目标地址，这些按钮一个都做不到。作者顺手列了同一类的坏习惯：链接点击弹窗、自造加载动画、无限滚动、重造 details 与日期选择器。
🔑 核心要点
- 真链接至少支持七种操作：新标签、新窗口、另存、复制 URL、键盘、搜索引擎与读屏、悬停预览，按钮一个都做不到
- 用 target="_blank" 打开的新窗口能看到加载进度、能取消、能报错重试，自造弹窗把这些全丢掉
- 无限滚动会破坏 ctrl-f、书签、Home/End 键和返回键
- 浏览器本来就能边下载 HTML 边渲染，用 5MB 的 JS 框架重造这件事纯属退步；要提速就该减少往返次数，把内容放进一条 TCP 连接
- 自造日期选择器丢掉用户本地格式与键盘操作，而原生控件一行代码就自带暗色模式
💡 金句
Browsers are good at links and loading pages: It's the whole point.
👍 0
👎 0
← 返回 Lobsters 首页