如何在HTML中使用 keygen 标签（已废弃但历史教学用）-html教程-PHP中文网

keygen标签在现代浏览器中根本不会工作，它已被所有主流浏览器彻底移除（chrome 69+、firefox 67+、edge 79+），自html5.2起正式废弃，w3c和whatwg均不再维护；哪怕语法正确，页面中的也会被解析器直接忽略，不渲染、不生成密钥、不提交公钥；其唯一历史作用是辅助客户端证书注册，在表单提交前由浏览器生成rsa密钥对，私钥本地存储、公钥自动提交，但仅支持keytype="rsa"且无法指定密钥长度或算法；替代方案必须使用crypto.subtle.generatekey()手动实现密钥生命周期管理，并通过fetch等主动提交pem格式公钥。

如何在html中使用 keygen 标签（已废弃但历史教学用）

keygen 标签在现代浏览器中根本不会工作

它已被所有主流浏览器彻底移除（Chrome 69+、Firefox 67+、Edge 79+），keygen 元素自 HTML5.2 起正式废弃，W3C 和 WHATWG 均不再维护。哪怕你写对了语法，页面里放了 <keygen></keygen>，也只会渲染为空白或被忽略——不是样式问题，是解析器直接跳过。

为什么曾经用 keygen？它实际做了什么

keygen 的唯一作用是在表单提交前，由浏览器生成一对 RSA 密钥：私钥留在本地（不外传），公钥以 <input type="hidden"> 形式随表单一起提交。典型场景是客户端证书申请（如企业内网 CA 注册），而非通用加密。

它依赖浏览器内置的 PKI 模块，和操作系统证书存储深度绑定
不支持指定密钥长度以外的参数（如 keytype="rsa" 是唯一有效值，ecdsa 等从未被任何浏览器实现）
challenge 属性用于防重放，但服务端必须主动验证，否则形同虚设

替代方案不是“换一个标签”，而是换整套流程

现在必须用 JavaScript + Web Crypto API 手动完成密钥生成与签名，再通过 fetch 提交公钥。例如：

HTML汇报生成器

🚀 不用写一行代码！把项目总结、工作汇报、研究报告、技术文档、提案、数据看板直接变精美HTML。12种主题 × 11种背景动效 × 9种鼠标特效 × 10种边框样式 × 实时调色器 × 毛玻璃卡片 × PDF导出，生成后还能自由调色，零门槛AI直出。触发词：项目总结、工作汇报、PPT、生成报告、做个总结、HTML文档、数据报告、流程文档、会议纪要、技术文档、研究报告、数据看板、提案、做个展示页、帮我做个汇报、文档生成。

下载

async function generateKeyPair() {
  const keyPair = await crypto.subtle.generateKey({ name: "RSA_SPKI", hash: "SHA-256" }, true, ["sign", "verify"]);
  const publicKey = await crypto.subtle.exportKey("spki", keyPair.publicKey);
  const pem = btoa(String.fromCharCode(...new Uint8Array(publicKey)));
  // 后续把 pem 发给后端
}

注意：crypto.subtle.generateKey 只能在安全上下文（HTTPS 或 localhost）运行；导出的公钥需 Base64 编码并拼接 PEM 头尾才能被 OpenSSL 或后端正确识别。