HTML kbd 语法
在 HTML 中，kbd 标签表示键盘输入的内容，它通常会以等宽字体显示文本。
语法：
<kbd>文本内容</kbd>说明：
kbd 标签主要用于表示以下方面。
- 键盘快捷键：表示用户按下的组合键，比如：<kbd>Ctrl+C</kbd>。
- 命令行输入：显示用户在命令行界面中输入的命令，比如：<kbd>sudo docker ps -a</kbd>。
- 语音输入：表示用户通过语音识别系统输入的文本。
- 其他文本输入：泛指任何需要用户手动输入的文本。
提示: kbd 是 “keyboard（键盘）” 的缩写。
HTML kbd 摘要
| 属于 | HTML 语义化 |
|---|---|
| 使用频率 | 低 |
| 兼容性 | 查看 |
| 官方文档 | 查看 |
| MDN | 查看 |
HTML kbd 示例
接下来，我们通过一个简单的例子来讲解一下 HTML kbd 标签是如何使用的。
示例：kbd 标签的基本用法
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<p>想要复制，请使用“<kbd>Ctrl+C</kbd>”快捷键</p>
</body>
</html>页面效果如下图所示。
pre、code、var、samp 与 kbd 的区别
pre、code、var、samp 与 kbd 这 5 个标签比较相似，它们之间的区别如表所示。
| 标签 | 行内 / 块级 | 用途 |
|---|---|---|
| pre | 块级 | 用于表示代码块（一大段代码） |
| code | 行内 | 用于表示简短代码（一句代码） |
| var | 行内 | 用于表示数学表达式或编程中的变量名称 |
| samp | 行内 | 用于表示程序的输出结果 |
| kbd | 行内 | 用于表示用户输入（如快捷键）的内容 |
