<kbd>: 键盘输入标签
最后更新：2026-10-13
<kbd>键盘输入标签
标记用户需要通过键盘输入的文本，常用于文档或快捷键说明。
| 分类 | 格式化 |
|---|---|
| 内容模型 | 短语内容 |
| 允许的父元素 | 接受短语内容的元素 |
| 闭合标签 | 需要 </kbd> 标签 |
| 状态 | 标准 |
📝 语法
<kbd>键盘输入</kbd>▶ 示例
编辑下方代码，在 playground 中查看实时效果：
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <kbd> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有主流浏览器均支持 | |||||
提示： 多个按键组合时，每个键用一个 <kbd> 包裹，再用 + 分隔，可读性更好。
❓ 常见问题
Qkbd 标签用来做什么？
A
<kbd> 标记用户的键盘（或语音）输入，如 <kbd>Ctrl</kbd> + <kbd>C</kbd> 表示复制快捷键。浏览器默认以等宽字体显示，是软件文档和技术教程的常用元素。Qkbd 可以嵌套吗？
A可以。嵌套
<kbd> 可以区分按键层级：外层表示整个快捷键组合，内层表示单个按键，如 <kbd><kbd>Ctrl</kbd>+<kbd>S</kbd></kbd>，配合 CSS 可以为组合键整体加边框。Qkbd 和 code 有什么区别？
A
<code> 标记「展示的程序代码」，<kbd> 标记「用户敲入的输入」。教程中让用户输入命令时用 <kbd>npm run dev</kbd>，展示代码片段时用 <code>。🏷️ 相关标签
💡 相关案例
📚 相关教程
