a标签是唯一合法方式，必须使用：href需为有效相对路径或带协议的绝对URL；服务器端分页时须用render函数动态生成并编码参数，且target="_blank"必须配rel="noopener noreferrer"。
a 标签是唯一合法方式，不是“可选”，而是必须用它——其他写法（比如 div + onclick）不支持键盘导航、无 SEO、语义缺失，且在屏幕阅读器中不可访问。
href 属性不能为空或乱填路径
不写 href，或者写成 href=""、href="javascript:void(0)"、href="C:\xxx\index.html"，链接都无效：href="" 会刷新当前页；本地文件路径在浏览器里根本打不开；javascript:void(0) 是降级写法，仅限 JS 控制逻辑时临时使用，不能替代真实跳转。
正确写法只有两类：
- 相对路径：如
href="about.html"、href="pages/detail.php?id=123" - 绝对 URL：必须带协议，如
href="https://example.com/login"
表格中直接写 a 标签没问题，但 DataTables 服务器端分页时不行
普通 HTML 表格（table）里直接写 <a href="viewgroup.php?group=hardware">hardware</a> 完全可行；但如果你用了 DataTables 并启用了 "serverSide": true，后端返回的是纯 JSON 数据，前端不会解析 HTML 字符串——你写的 a 标签会被当作文本原样显示，点击无效。
此时必须用 DataTables 的 render 函数动态生成链接：
立即学习“前端免费学习笔记（深入）”；
columns: [{
data: 'group',
render: function(data, type, row) {
return '<a href="viewgroup.php?group=' + encodeURIComponent(data) + '">' + data + '</a>';
}
}]
注意点：
-
encodeURIComponent(data)必须加，防止 group 名含空格、&、/ 等导致 URL 截断 - 不要拼接未过滤的用户数据进 HTML，有 XSS 风险；若内容不可信，先做
DOMPurify.sanitize()或服务端转义 - 如果要用新标签页打开，补上
target="_blank" rel="noopener noreferrer"
target="_blank" 必须配 rel="noopener noreferrer"
只写 target="_blank" 是安全隐患：新开页面可通过 window.opener 访问并控制原页面。浏览器已默认禁用部分能力，但显式加上 rel="noopener noreferrer" 才真正隔离。
完整安全写法示例：
<a href="https://example.com" target="_blank" rel="noopener noreferrer">外部链接</a>
常见错误：
- 漏掉
rel—— 尤其在模板字符串或后台拼接时容易忽略 - 写成
rel="noopener"而不加noreferrer—— 后者还能阻止 Referer 泄露，建议一起写 - 在 DataTables 的
render中忘记转义引号，导致 HTML 结构崩坏
锚点跳转和邮件链接也得走 a 标签
页面内跳转、发邮件、触发下载，全都依赖 a 标签的 href 协议规范：
- 锚点：目标元素要有合法
id（只含字母、数字、-、_），链接写成href="#section2" - 邮件：用
mailto:协议，如href="mailto:support@example.com?subject=Help&body=Please%20assist"，注意中文要encodeURIComponent() - 下载：加
download属性，且href必须指向同源可访问资源，跨域 URL 不生效
这些场景下，onclick 模拟跳转既多余又不可靠——浏览器对 a 的原生支持更稳定，也兼容 Ctrl+点击、右键菜单等操作。
href 值未编码导致参数截断**。这两处一错，链接就静默失效，连控制台都不报错。 
