HTML <kbd> 标签

HTML键盘输入元素(<kbd>) 用于表示用户输入，它将产生一个行内元素，以浏览器的默认monospace字体显示。

实例

<!DOCTYPE html>
<html>
<body>
<h1>kbd 元素</h1>
<p>按 <kbd>Ctrl</kbd> + <kbd>C</kbd> 复制文本 (Windows).</p>
<p>按 <kbd>Cmd</kbd> + <kbd>C</kbd> 复制文本 (Mac OS).</p>
</body>
</html>

运行一下

定义和用法

HTML键盘输入元素(<kbd>) 用于表示用户输入，它将产生一个行内元素，以浏览器的默认monospace字体显示。

当<kbd>元素处于<samp>元素之中时，它代表着被系统回显的输入。

当<kbd>元素中包含<samp>元素时，该输入是基于系统输出的，比如调用某个菜单项。

当<kbd>元素处于另一个<kbd>元素之中时，它代表了一个实际的按键，或是该输入机制下的某个单位输入。

通过定义CSS规则可以改变kbd的默认字体。用户首选项设置可能会比该CSS规则具有更高优先级。

浏览器支持

元素
<kbd>	Yes	Yes	Yes	Yes	Yes

所有浏览器都支持 <kbd> 标签。

更多实例

<html>
<head>
<style>
kbd {
  border-radius: 2px;
  padding: 2px;
  border: 1px solid black;
}
</style>
</head>
<body>
<p>按 <kbd>Ctrl</kbd> + <kbd>C</kbd> 复制文本 (Windows).</p>
<p>按 <kbd>Cmd</kbd> + <kbd>C</kbd> 复制文本 (Mac OS).</p>
</body>
</html>